如何获取 .active class 之后的下一个元素

Question

Trying to get next element after li.active class

我正在尝试用 css 获取 .active 元素之后的下一个元素 ，获取 .active class 的元素是“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>

How to get the next element after the .active class