如何使用CSS选择表格中除特定行以外的所有行？

Question

我想将一个样式应用于表格中的每一行，除了特定的行（可能是第一行，或者可能是具有唯一类或ID的行 - 无关紧要）。

我该怎么做？

Answer 1

您可以使用CSS3 :not()选择器。它完全符合您的期望。

table tr:not(.special) { color: green }

有关详细信息，请参阅此文章：The CSS3 :Not() Selector

Answer 2

显而易见的方法是：

tr { style for most rows; }
tr.specificrow { style for the specific row; }

然后

<table>
...
<tr>...</tr>
<tr class="specificrow">...</tr>
...
</table>

Answer 3

最简单的跨浏览器方式是应用样式然后覆盖它，如下所示：

table tr td { background: blue; }
table tr.someClass td { background: none; }

由于具有类，ID等的那个更具体，它将具有不同的样式...只需为该选择器中的所有行设置任何属性，以便覆盖/反转样式。这种方法的好处是它不需要任何部分支持的（CSS3）选择器，它已经适用于所有浏览器。