Question

我有一个看起来像这样的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的行？

Answer 1

编辑：我看到你修正了border规则。由于该逗号是一个问题拼写错误，浏览器应正确解释您的CSS（请参阅jsFiddle）。无论如何，请尝试按照Oded的评论修复style标记。

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

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

你应该关闭你的td和tr标签，而不是将它们打开无效，但这仍然是一个很好的做法。

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

1 个答案: