Question

I have the following piece of HTML code:

<span class="ui-icon ui-icon-triangle-1-s"></span>
<span class="route-line">4</span>
<span class="route-line">33</span>

I would like to add some style on the first span with class="route-line". Is it possible with CSS? It is something like nth-of-type; if it had existed, it would have been called nth-of-type-with-class.

Thank you!

Answer 1

First span with class .route-line followed for any other element that don’t have class .route-line

*:not(.route-line) + span.route-line
{
    background-color:yellow;
}