我有一个看起来像这样的 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 的行?
最佳答案
编辑:我看到您修复了border
规则。由于那个逗号是问题拼写错误,浏览器应该正确解释您的 CSS(请参阅 jsFiddle)。尝试根据 Oded 的评论修复您的 style
标签。
你的选择器是正确的,但是你的声明 is 是错误的,solid
和 blue
之间不应该有逗号:
tr.foo { border: 1px solid blue; }
而且您可能应该关闭您的 td
和 tr
标签,并不是说让它们打开是无效的,但这是一个很好的做法。
关于html - 如何将 CSS 样式应用于 HTML 表格中的特定行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5210377/