Wie das nächste Element nach dem .active Klasse erhalten

Question

Trying to get next element after li.active class

ich versuche das nächste Element nach dem .active Elemente mit CSS zu bekommen, das Element, das die .active Klasse bekommt, ist die erste Liste -Item der 'Lightslider'.

Ich habe den Code unten versucht:

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

mit nur CSS ist das möglich?

Danke.

Answer 1

Sie werden die adjacent sibling selector +, Sie die nth-child Wähler nicht brauchen:

.active + li { 
 
    color: red; 
 
}

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