JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
	<li>one</li>
	<li>two</li>
	<li>three</li>
	<li class="has-item">four</li>
	<li>five</li>
</ul>

CSS

ul li:first-child {
  font-size:30px
}

ul li.has-item:first-child {
  font-size:8px
}