css3获取最后一个元素,一个CSSselect器来获取最后一个可见的div

  • Post author:
  • Post category:其他


你可以用JavaScript或者jQuery来select和设置它,但是CSS本身不能做到这一点。

例如,如果你在网站上实现了jQuery ,你可以这样做:

var last_visible_element = $(‘div:visible:last’);

虽然希望你有一个包装在你select的div的class / ID,在这种情况下你的代码看起来像:

var last_visible_element = $(‘#some-wrapper div:visible:last’);

有一个纯粹的CSS解决scheme(CSS3),如果你的div使用“样式”属性隐藏

div:not([style*=”display: none”]):last-child{ /* bla */}

注意“display:”和“none”之间的空格,如果不能确切地说明属性中是否有空格,可以这样做:

div:not([style*=”display:none”]):not([style*=”display: none”]):last-child{ /* bla */}

jQuery是国王,但CSS3的解决scheme是上帝

我认为这是不可能的select一个CSS值(显示)

编辑:

在我看来,在这里使用一些jQuery是有意义的:

$(‘#your_container > div:visible:last’).addClass(‘last-visible-div’);

纯粹的JS解决scheme(例如,