如何将CSS样式应用于HTML表格中的特定行？

Question

如何将CSS样式应用于HTML表格中的特定行？

3

我有一个HTML页面，看起来像这样：

<html>
  <head>
    <style type="text/css">
       tbody, th, td {padding:0px;margin:0px;border:0px;}
       tr.foo { border: 1px solid blue; }
    </style>
  </head>
  <body>
    <table>
      <tbody>
        <tr><td>Nothing
        <tr class="foo"><td>Bordered
      </tbody>
    </table>
  </body>
</html>

注意：tbody、th和td的样式不能更改，因为（在我的实际用例中），这些样式适用于其他页面。

我可以使用什么CSS模式选择器来突出显示（创建边框）具有类foo的行？

- oompahloompah

在修正代码片段后，仍然没有显示边框。 - oompahloompah

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- BoltClock · Accepted Answer

编辑：我看到你已经修复了border规则。既然那个逗号是一个笔误，浏览器应该会正确解析你的CSS（参见jsFiddle）。无论如何，请尝试根据Oded的评论修复你的style标签。

你的选择器是正确的，但你的声明有误，是不应该在solid和blue之间加上逗号：

tr.foo { border: 1px solid blue; }

你应该关闭你的td和tr标签，虽然不关闭也不是无效的，但这是一个好习惯。