html - 获取最后一个可见 div 的 CSS 选择器

Question

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

假设这是 HTML 布局:

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

我想选择最后一个 div，它被显示(即不是 display:none)，它是第三个 div给定的例子。请注意，实际页面上的 div 数量可能不同(甚至是 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');