Question

我的wordpress页面上有1个表格，用于显示我们的工作进度状态。该表通常从csv文件生成，然后插件将转换为html。我想在包含单元格中当前日期的整个行中突出显示或加粗字体。这样用户就可以轻松查看今天的状态。我的wordpress页面上的这张表。

HTML

<table class="csvtohtml">
      <thead>
        <tr class="headers">
          <th class="colset colset-1">LASTEST UPDATE: 27/Sep/2019 17:49 </th>
          <th class="colset colset-2"> </th>
          <th class="colset colset-3"></th>
        </tr>
      </thead>
      <tbody>
        <tr class="rowset odd rowset-1">
          <td class="colset colset-1">STATION NUMBER</td>
          <td class="colset colset-2">DATE </td>
          <td class="colset colset-3">TAG</td>
        </tr>
        <tr class="rowset even rowset-8">
          <td class="colset colset-1"> Station1 </td>
          <td class="colset colset-2"> 25/09/2019 </td>
          <td class="colset colset-3">409</td>
        </tr>
        <tr class="rowset odd rowset-9">
          <td class="colset colset-1"> Station1 </td>
          <td class="colset colset-2"> 26/09/2019 </td>
          <td class="colset colset-3">464</td>
        </tr>
        <tr class="rowset even rowset-10">
          <td class="colset colset-1"> Station1 </td>
          <td class="colset colset-2"> 27/09/2019 </td>
          <td class="colset colset-3">364</td>
        </tr>
        <tr class="rowset odd rowset-11">
          <td class="colset colset-1"> Station2 </td>
          <td class="colset colset-2"> 25/09/2019 </td>
          <td class="colset colset-3">428</td>
        </tr>
        <tr class="rowset even rowset-12">
          <td class="colset colset-1"> Station2 </td>
          <td class="colset colset-2"> 26/09/2019 </td>
          <td class="colset colset-3">370</td>
        </tr>
        <tr class="rowset odd rowset-13">
          <td class="colset colset-1"> Station2 </td>
          <td class="colset colset-2"> 27/09/2019 </td>
          <td class="colset colset-3">142</td>
        </tr>

https://jsfiddle.net/Lbhq8nje/

Answer 1

您可以使用此CSS高亮显示第一行

.rowset.odd.rowset-1:first-child { color: red; font-weight: bold;}

包含单元格中当前日期的整行的突出显示或粗体字体

1 个答案: