CSS结合:不是:最后一个类型

时间:2014-12-18 12:50:28

标签: javascript html css css-selectors

我正在尝试选择未隐藏的最后一个<li>元素。我试过这个:

li:not([hidden]):last-of-type

没有任何错误,但也没有做我想要的。它为<li>提供了<li>的最后:last-of-type级别({{1}})并且没有隐藏,而我想从非隐藏的中选择最后一个{{1}} ,即使它不是它的实际最后一级。有人知道怎么做吗? (CSS更可取,但JS也可以接受.JQuery是不可接受的)

1 个答案:

答案 0 :(得分:2)

有关SO的问题有几个问题。 last-of-type指的是给定类型,句点,句号的最后一个元素。它不引用匹配某些条件集的最后一个元素,例如class或attribute。

有一些建议可以做你想要的,我们可能会在遥远的未来看到,但就目前而言,你不能这样做。

替代方案

  1. 在生成HTML的任何地方添加一个特殊类,显示您想要执行某项操作的

  2. 为您要执行的活动last-of-type使用不同的HTML元素,但在这种情况下,由于<ul><ol>元素只能生成子项,因此您会遇到问题<li>或其他<ul><ol> s

  3. 写一些JS来找出你想要的元素