JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="row">
        <div class="row_container">
            <span>Main</span>
            <span>Hello</span>
            <span>Hello</span>
            <span>Hello</span>
        </div>
        <div class="row_container">
            <span></span>
            <span>Hello</span>
            <span>Hello</span>
            <span>Hello</span>
        </div>
        <div class="row_container">
            <span></span>
            <span>Hello</span>
            <span>Hello</span>
            <span>Hello</span>
        </div>
    </li>
</ul>

CSS

.row:hover span:nth-of-type(1) {
   color: red;
}

.row span {
    display: inline-block;
    width: 20%;
}