JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
    <li>item</li>
</ul>

CSS

li {font-weight:bold;}
li+li+li+li+li {font-weight:normal;}