CSS選擇器查找表中的最後一行，哪個（行）沒有指定類（僅限CSS，無javascript）

請幫我使用CSS選擇器。CSS選擇器查找表中的最後一行，哪個（行）沒有指定類（僅限CSS，無javascript）

我需要將特殊屬性應用到表中的最後一行，其中（行）沒有指定的類，例如類「zzz」。

<table> 
    <tbody> 
     <tr class="odd">...</tr> 
     <tr class="even zzz">...</tr> 
     <tr class="odd">...</tr> 
     <tr class="even">This one should be selected</tr> 
     <tr class="odd zzz">...</tr> 
     <tr class="even zzz">...</tr> 
    </tbody> 
</table>

我正在尋找純粹的CSS解決方案，而不是一個JavaScript的。請不要建議：不要（）僞類，因爲有些瀏覽器不支持它。

感謝你的幫助，

--Vadim

來源

2013-04-17 vadimk

你是否絕對需要支持那些不支持'：not（）'的瀏覽器？你能否澄清一下你需要支持哪些瀏覽器？ – andyb

我需要支持IE8 +，FF，Chrome – vadimk

對不起，這對純CSS不可行，即使只有現代瀏覽器支持的選擇器也不行。

來源

2013-04-17 05:53:14 BoltClock

我懷疑，但我不是CSS專家，所以希望從社區尋求幫助。 – vadimk

謝謝你，BoltClock。 – vadimk

我不是100％肯定我完全理解，但你可以在你的CSS使用類似

tr:last-child

來源

2013-04-17 05:49:01 Ansipants

不是一個純CSS的解決方案，但[這個腳本]（https://gist.github.com/nathansmith/950767）允許你（或其他找到它的用戶）使用'最後一個孩子在IE7＆IE8 – Arkana

CSS選擇器查找表中的最後一行，哪個（行）沒有指定類（僅限CSS，無javascript）

回答

相關問題