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

问题描述：

我有一个HTML页面，看起来是这样的：如何将CSS样式应用于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 2011-03-06 12:23:15

答

编辑：我看到你修正了你的border规则。由于该逗号是一个问题错字，因此浏览器应正确解释您的CSS（请参阅jsFiddle）。无论如何，请试着根据Oded的评论修复你的style标签。

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

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

而且你应该关闭td和tr标签，而不是尽管如此，让他们开放是无效的，但这是一个很好的做法。

而'style'标签缺少'type'属性名称。 – Oded 2011-03-06 12:17:34

@BoltClock：感谢您发现错字。但是，在纠正错字后，该行仍未被突出显示。 – oompahloompah 2011-03-06 12:19:40

@oompahloompah：你在测试什么浏览器？ – BoltClock 2011-03-06 12:22:23

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

相关推荐