是否可以選擇沒有類attr的最後一個孩子? 像這樣:結合:最後一個孩子在:CSS中沒有(.class)選擇器
<tr> ... </tr>
<tr> ... </tr>
<tr> ... </tr>
<tr class="table_vert_controls"> ... </tr>
我要選擇第三行,在這種情況下。
我嘗試以下,沒有工作:
tr:not(.table_vert_controls):last-child
在此先感謝。
是否可以選擇沒有類attr的最後一個孩子? 像這樣:結合:最後一個孩子在:CSS中沒有(.class)選擇器
<tr> ... </tr>
<tr> ... </tr>
<tr> ... </tr>
<tr class="table_vert_controls"> ... </tr>
我要選擇第三行,在這種情況下。
我嘗試以下,沒有工作:
tr:not(.table_vert_controls):last-child
在此先感謝。
不單獨CSS選擇器,沒有,因爲:last-child
特別是着眼於最後一個子,並沒有類似的:last-of-class
僞類。看到我的回答this related question。
自2015年年底,實現也開始慢慢4的擴展滴在選擇器:nth-child()
和:nth-last-child()
,讓你可以任意選擇作爲參數傳遞(更多的也是在更新到鏈接的答案)。然後,您就可以寫:
tr:nth-last-child(1 of :not(.table_vert_controls))
雖然實現最近已經開始出貨,它仍然需要至少數個月,如果不是一年爲此得到廣泛支持。與此同時,你將不得不使用別的東西,比如在有問題的類之前的額外類,或者jQuery選擇器:
$('tr:not(.table_vert_controls):last')
我認爲這是你期望的。請參閱** BoltClock **答案** [CSS3:nth-child(奇數)與選擇器](http://stackoverflow.com/a/5546296/500725)** –
感謝提示Siva!這不完全是我需要的,但我最終使用了第n個孩子。由於該類的行總是最後一行,我使用nth-last-child選擇我需要的行。 – dcastro
@dcastro:和'tr:nth-last-child(2)'一樣?這也起作用:) – BoltClock