如何为表格中指定的<tr row="0">行添加CSS样式

你有几种简单的实现方式：

• 使用CSS属性选择器：不用修改现有HTML结构，直接通过row属性定位目标行

  tr[row="0"] {
    /* 示例样式，可按需修改 */
    background-color: #f5f5f5;
    font-weight: bold;
  }
  

• 给目标行单独添加类名：如果追求更规范的CSS写法，可以给该行加个专属类
  修改后的HTML：

  <table className="TableClass">
    <tbody>
      <tr row="0" className="target-row">
        <td>Data</td>
        <td>Data</td>
      </tr>
      <tr row="1">
        <td>Data</td>
        <td>Data</td>
      </tr>
    </tbody>
  </table>
  

  对应的CSS：

  .target-row {
    /* 自定义样式 */
  }
  

注意：如果是原生HTML项目，把className换成class即可。

内容的提问来源于stack exchange，提问作者SM079