CSS选择器以获取最后可见的div

Question

一个棘手的CSS选择器问题，甚至不知道是否可能。

可以说这是HTML布局：

<div></div>
<div></div>  
<div></div>  
<div style="display:none"></div>
<div style="display:none"></div>

我想选择div显示的最后一个（即不是display:none），div在给定示例中将是第三个。请注意，div实际页面上的s
数量可能会有所不同（甚至是个数display:none）。

Answer 1

您可以使用JavaScript或jQuery选择并设置样式，但是仅CSS不能做到这一点。

例如，如果您在网站上实现了jQuery，则可以执行以下操作：

var last_visible_element = $('div:visible:last');

尽管希望您将在选择的div周围包裹一个类/ ID，但在这种情况下，代码将如下所示：

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