css - 如何在 .active 类之后获取下一个元素

<分区>

我正在尝试使用 css 获取下一个元素在 .active 元素之后，获取 .active 类的元素是 'Lightslider 的第一个列表项。 '.

我试过下面的代码:

.lslide.active +  li:nth-child(1) {
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

仅使用 CSS 是否可行？

谢谢。

最佳答案

只需使用 adjacent sibling selector + ，你不需要 nth-child 选择器:

.active + li {
  color: red;
}

<ul>
  <li class="active">Item</li>
  <li>Item</li>
  <li>Item</li>
</ul>

关于css - 如何在 .active 类之后获取下一个元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40221386/