如何在.active类之后获取下一个元素[重复]

Question

Trying to get next element after li.active class

我正在尝试使用 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 是否可行？

谢谢。

Answer 1

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

.active + li {
  color: red;
}

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