奇异编译结果

放源代码里试一试：
1.点右键再点击检查，将这个元素删除

2.对这个元素进行HTML编辑

3.在竖线处插入以下代码

<div class="section visible" id="status" data-status="2">
  <div class="section__header">
    <h1 class="section__title">
      <span class="icon record-status--icon progress"></span>
            <span style="color: #ff4f4f">0</span>
            <span class="record-status--text progress">
        Running
      </span>
      66%    </h1>
  </div>
  <div class="section__body no-padding">
    <div class="section__table-container" style="position: relative;"><table class="data-table record_detail__table section__table-header" style=""><colgroup>
        <col class="col--case">
        <col class="col--status">
        <col class="col--time">
        <col class="col--memory">
      </colgroup><thead>
        <tr>
          <th class="col--case record-status--border">#</th>
          <th class="col--status">
            状态
                        <span class="float-right">分数</span>
                      </th>
          <th class="col--time">耗时</th>
          <th class="col--memory">内存占用</th>
        </tr>
      </thead></table><table class="data-table record_detail__table">
      <colgroup>
        <col class="col--case">
        <col class="col--status">
        <col class="col--time">
        <col class="col--memory">
      </colgroup>
      
      <tbody>
      <tr class="subtask-case">
            <td class="col--case record-status--border pass">
              #1            </td>
            <td class="col--status">
              <span class="icon record-status--icon pass"></span>
              <span class="record-status--text pass">
                Accepted
              </span>
                            <span class="float-right record-status--text pass">
                10
              </span>
                            <span class="message"></span>
            </td>
            <td class="col--time">1ms</td>
            <td class="col--memory">256 KiB</td>
          </tr><tr class="subtask-case">
            <td class="col--case record-status--border fail">
              #2            </td>
            <td class="col--status">
              <span class="icon record-status--icon fail"></span>
              <span class="record-status--text fail">
                Wrong Answer
              </span>
                            <span class="float-right record-status--text fail">
                0
              </span>
                            
            </td>
            <td class="col--time">2ms</td>
            <td class="col--memory">512 KiB</td>
          </tr><tr class="subtask-case">
            <td class="col--case record-status--border fail">
              #3            </td>
            <td class="col--status">
              <span class="icon record-status--icon fail"></span>
              <span class="record-status--text fail">
                Time Exceeded
              </span>
                            <span class="float-right record-status--text fail">
                0
              </span>
                            
            </td>
            <td class="col--time">≥256ms</td>
<td class="col--memory">≥256 MiB</td>
            
          </tr><tr class="subtask-case">
            <td class="col--case record-status--border fail">
              #4            </td>
            <td class="col--status">
              <span class="icon record-status--icon fail"></span>
              <span class="record-status--text fail">
                Memory Exceeded
              </span>
                            <span class="float-right record-status--text fail">
                0
              </span>
                            
            </td>
            <td class="col--time">≥512ms</td>
<td class="col--memory">≥256 MiB</td>
            
          </tr><tr class="subtask-case">
            <td class="col--case record-status--border fail">
              #5            </td>
            <td class="col--status">
              <span class="icon record-status--icon fail"></span>
              <span class="record-status--text fail">
                Runtime Error
              </span>
                            <span class="float-right record-status--text fail">
                0
              </span>
                            
            </td>
            
            <td class="col--time">≥512ms</td>
<td class="col--memory">≥256 MiB</td>
          </tr><tr class="subtask-case">
            <td class="col--case record-status--border fail">
              #6            </td>
            <td class="col--status">
              <span class="icon record-status--icon fail"></span>
<span class="record-status--text fail">
                Compile Error
              </span>
              
                            <span class="float-right record-status--text fail">
                0
              </span>
                            
            </td>
            <td class="col--time">-</td>
<td class="col--memory">-</td>
            
          </tr><tr class="subtask-case">
            <td class="col--case record-status--border icon progress">
              #7            </td>
            <td class="col--status">
              <span class="icon record-status--icon progress"></span>
              <span class="record-status--text progress">Fetched</span>
<span class="float-right record-status--text progress">
                0
              </span>
                            
                            
            </td>
            <td class="col--time">-</td>
            <td class="col--memory">-</td>
          </tr><tr class="subtask-case">
            <td class="col--case record-status--border icon progress">
              #8            </td>
            <td class="col--status">
              <span class="icon record-status--icon progress"></span>
              <span class="record-status--text progress">Compiling</span>
<span class="float-right record-status--text progress">
                0
              </span>
                            
                            
            </td>
            <td class="col--time">-</td>
            <td class="col--memory">-</td>
          </tr>
<tr class="subtask-case">
            <td class="col--case record-status--border pending">
              #9            </td>

            <td class="col--status">
              

              
                            
                            
            
<span class="icon record-status--icon text pending"></span>

<span class="record-status--text pending">Waiting</span>
<span class="float-right record-status--text pending">
                0
              </span></td>
            <td class="col--time">-</td>
            <td class="col--memory">-</td>
          </tr><tr class="subtask-case">
            <td class="col--case record-status--border pending">
              #10            </td>
            <td class="col--status">
              
              <span class="icon record-status--icon text pending"></span>
<span class="record-status--text ignored">Canceled</span>
<span class="float-right record-status--text pending">
                0
              </span>
                            
                            
            </td>
            <td class="col--time">-</td>
            <td class="col--memory">-</td>
          </tr></tbody>
    </table></div>
  </div>
</div>

返回主页