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

Question

Trying to get next element after li.active class

我正在尝试使用css获取.active元素之后的下一个元素，获取.active类的元素是＆＃39; {{3的第一个列表项}}＆＃39 ;.

我已尝试过以下代码：

.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>