JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>
        <ul>
            <li class="match">x1 match</li>
            <li class="match">y1 match</li>
            <li>z1</li>
        </ul>
    </li>
    <li>
        <ul>
            <li>x2 match</li>
            <li class="match">y2 match</li>
            <li>z2</li>
        </ul>
    </li>
    <li>
        <ul>
            <li class="match">x3 match</li>
            <li class="match">y3 match</li>
            <li class="match">y3 match</li>
        </ul>
    </li>
</ul>

CSS

ul li ul {
    padding: 5px 0;
}
ul li ul li {
    color: green;
}
ul li ul li:last-of-type {
    color: red;
}