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

小编典典

all

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

假设这是 HTML 布局：

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

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

阅读 89

2022-07-30

共1个答案

小编典典

您可以使用 JavaScript 或 jQuery 对其进行选择和设置样式，但仅 CSS 无法做到这一点。

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

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

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

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

2022-07-30