Target last active li

Question

Anyone suggest me how to add CSS in li last active class

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

what do you mean, do you want to add some style on your last li element which has active class? or do you want add active class on your last li element? — Munkhdelger Tumenbayar, Apr 05 '18 at 04:56
Ideally, `.active:last-of-type` would work here. But, un-intuitively, it does not. — Toastrackenigma, Apr 05 '18 at 05:06
@MunkhdelgerTumenbayar yes I want to add CSS in last active class in the li — Prashant Saxena, Apr 05 '18 at 05:09
Per the duplicate answer, JavaScript is the only option here with your current markup and classes. — fubar, Apr 05 '18 at 05:11

score 2 · Answer 1 · answered Apr 05 '18 at 05:12

If you have only tow class active you can use .active ~ .active { ... } Else with JS try something like that :

var x = document.getElementsByClassName("active");
x[x.length - 1].style.backgroundColor = "red";

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

1 Answers1