一个棘手的 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
的数量)。
最佳答案
您可以使用 JavaScript 或 jQuery 选择和设置样式,但仅 CSS 无法做到这一点。
例如,如果您有 jQuery在网站上实现,您可以这样做:
var last_visible_element = $('div:visible:last');
虽然希望您将在您选择的 div 周围包含一个类/ID,但在这种情况下,您的代码将如下所示:
var last_visible_element = $('#some-wrapper div:visible:last');
关于html - 获取最后一个可见 div 的 CSS 选择器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5275098/