在 CSS 中结合 :last-child 和 :not(.class) 选择器

问题描述 投票:0回答:2
css css-selectors
2个回答
41
投票

不单独使用 CSS 选择器,不,因为

:last-child
专门查看 最后一个孩子,并且没有类似的
:last-of-class
伪类。请参阅我对这个相关问题的回答。

截至 2015 年底,Selectors 4 对

:nth-child()
:nth-last-child()
的扩展已开始缓慢实施,这允许您将任意选择器作为参数传递(更多信息也在链接答案的更新中)。然后,您将能够编写以下内容:

tr:nth-last-child(1 of :not(.table_vert_controls))

虽然实现最近开始出货,但至少还需要几年时间才能得到广泛支持(截至 2018 年 4 月,在成为第一个出货的浏览器两年半后,Safari 仍然是唯一的浏览器这样做)。与此同时,你必须使用其他东西,比如在相关类之前的额外类,或者 jQuery 选择器:

$('tr:not(.table_vert_controls):last')

-2
投票

您可以使用以下解决方案:

tr:not(.table_vert_controls):nth-last-of-type(2)
© www.soinside.com 2019 - 2024. All rights reserved.