html - 通过类名获取第三个 div

Question

假设我有以下 HTML

<div class="owl-item"></div>
<div class="owl-item"></div>
<div class="owl-item active"></div>
<div class="owl-item active"></div>
<div class="owl-item active"></div>
<div class="owl-item"></div>

我想选择类名为 active 的第三个 div。我尝试了以下方法:

.owl-item.active:nth-child(3)

但这行不通。在 jQuery 中，这可以使用 $('.owl-item.active').eq(0) 完成，但它是纯 CSS

Answer 1

你可以试试这些

使用jQuery

jQuery(".owl-item.active:eq(2)")

使用javascript

document.querySelectorAll(".owl-item.active")[2]

无论您使用的是什么代码，都对 css 有用

.owl-item.active:nth-child(3)