如何將。主動下課後獲得下一個元素

Question

Trying to get next element after li.active class

我想要的。主動元件用CSS後獲得下一個元素，是可以獲得。主動類的元素，是第一個列表'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>