JSFiddle - React, Tailwind, and code Playground

by JoshC

HTML

<table>
<th id="form:dataTable:discountStartDate">
    <span class="ui-sortable-column-icon ui-icon ui-icon-carat-2-n-s">first item..</span>
    <span class="ui-sortable-column-icon ui-icon ui-icon-carat-2-n-s">second item.. (using the :not selector, the styling isn't applied)</span>
</th>
</table>

CSS

#form\:dataTable\:discountStartDate span.ui-sortable-column-icon:not(:last-child) {
    color:red;
}