JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<ul>
	<li class="foo">1</li>
	<li class="foo">2</li>
	<li class="foo">3</li>
	<li class="foo">4</li>
	<li data-toto>5</li>
</ul>

CSS

.foo:first-of-type {background:blue;}
li:not([data-toto]):last-of-type {background:red;}
.foo:last-child {background:rebeccapurple;}