你可以用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(例如,