如何使用CSS選擇表中除特定行以外的所有行？

我想將一個樣式應用於除特定行之外的表中的每一行（可以是第一行，也可以是具有唯一類或ID的行 - 無關緊要）。如何使用CSS選擇表中除特定行以外的所有行？

我該怎麼做？

最簡單的跨瀏覽器的方式是應用的樣式，然後覆蓋它，就像這樣：

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

由於一個帶班，ID等更爲具體，這將有不同的造型...只需將該設置中的所有行的屬性設置爲該選擇器的所有行，以覆蓋/反轉樣式。這種方法的好處是它不需要任何部分支持的（CSS3）選擇器，它已經可以在所有瀏覽器中使用。

2010-09-27 00:35:46

這種方法的問題，是我目前的造型我想要的行。舉例來說，我希望所有行的bg是＃333，但是我希望第二個行的bg是#eee。第333號一般會不會覆蓋第二種風格？ – marcamillion 2010-09-27 00:37:10

@marcamillion - Nope，如果特定行的樣式更具體（類或ID執行此操作），或者具有相同的特性並在樣式表中稍後聲明，則不適用。就像在上面的答案中一樣，'tr.someClass'比'tr'更具體，所以*'background'規則獲勝。 – 2010-09-27 00:38:41

太棒了！那麼這種方式將很好地工作。 – marcamillion 2010-09-27 00:40:49

最顯而易見的方法是：

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

然後

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

2010-09-27 00:36:04

謝謝....雖然早些時候得到了答案。 +1爲努力:) – marcamillion 2010-09-27 01:00:35

你可以使用CSS3選擇器:not()。它的確如你所期望的那樣。

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

請參閱本文的詳細信息：The CSS3 :Not() Selector

2010-09-27 00:38:17

這實際上是我正在尋找....但是，問題是CSS3的要求。尼克的回答是大多數'跨瀏覽器'友好。感謝這一點，雖然。 – marcamillion 2010-09-27 00:40:18

回答