使用CSS / SCSS中的类后缀/前缀对表行进行分组

Question

我正在为汽车/卡丁车赛车制作一个基于网络的实时更新记分牌，我需要在视觉上将记分牌表中的行分组在一起。

Part of the scoreboard

我的问题是，是否可以使用前缀/后缀选择器在纯CSS / CSS中实现此目标？

视图不断更新，因此我不想在客户端中进行很多计算。

表格标记的相关部分

<tr className={trClassName}>
    <td className="posChange">
        <i className={iconClass} aria-hidden="true" />
     </td>
     <td class="group-{group}" />
     <td className="rnk">
        <div>
            <span>{driver.position}</span>
        </div>
    </td>
</tr>

该应用程序是用react编写的，并使用scss设置样式