按css选择项目

有没有办法通过css选择第二个有活动类的子类？当活动类将持续更改时

<div>
    <div class="owl-item"></div>
    <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>
    <div class="owl-item"></div> 
</div>

---

不，我认为CSS不可能做到这一点。但JS也有可能，

---

我不完全理解这个问题，但这里有一些想法

CSS 尝试阅读有关CSS选择器的内容。使用CSS选择器选择特定元素有多种方法。您的案例可能涉及第n个子选择器

参考文献：

JQuery 如果您了解一些JQuery，可以尝试以下方法：
首先，给你的父母一个ID（比如说

test

）

---

@如果活动类中有三个以上的元素，则将失败的Hackerman

let owlItem = document.querySelectorAll(".owl-item.active");
let SecondActive_owlItem = owlItem[1]; // 1 is second item in array

<div id="test">
    <div class="owl-item"></div>
    <div class="owl-item"></div>
    <div class="owl-item"></div>
    <div class="owl-item active"></div>
    <div class="owl-item active"></div> <!-- From what I understand, this is the target -->
    <div class="owl-item active"></div>
    <div class="owl-item"></div>
    <div class="owl-item"></div> 
</div>

$('document').ready(function() {
  var actives = $('#test').children('.active'); // This returns an array of all the '#test' children that have the '.active' class 
  if(actives[1]) {// We check that there is a second children 
    // Do stuff, for example:
    $(actives[1]).css('display', 'none'); // actives[1] is surrounded by $() because it is a DOM element
  }
});