Html 是否可以选择共享同一Css类的子类，而不知道前面的类？

有关问题，请跳过上下文： 在为在线打字游戏“Css中的Typeracer”设计时尚主题时，我偶然发现了这个问题：

随着用户的进步，已经键入的文本部分将从灰色变为绿色。我想把这个绿色换成其他颜色。

困难的是，这个区块被分成多个跨度，没有任何id，被分配了多个随机类-每场比赛都不同，并且在比赛中会发生变化：

撇开最后一个跨距不谈，它折叠在上面的屏幕截图上，我们对此不感兴趣-不同数量的跨距表示已经键入的文本部分，不同数量的其他跨距表示上面的屏幕截图中尚未键入的文本部分，前两个跨距包含键入的部分，而最后两个跨距表示未键入的部分。但在同一场比赛的后期，这些数字可能变成1和2，或3和1，以此类推

但是，我注意到，表示已键入文本的跨距和表示尚未键入文本的跨距共享相同的第一类：在屏幕截图2中的示例中，已键入的部分跨距将vdFKqLpl作为其第一类，而尚未键入的部分跨距将CARsHknB作为其第一类

我尝试按其style.color属性选择第一组跨距：

.span[style*="color: #99cc00;"] {
    color: #ff0000;
}

但是我没有得到任何结果

问题: 是否可以使用css选择共享同一第一个类的子元素，而不具体知道该类是什么

例如，如果父div是：

<div>
    <span unselectable="on" class="vdFKqLpl">When the little bluebird, who has never said a word, starts to sing, </span>
    <span unselectable="on" class="vdFKqLpl CARsHknB">"Spri</span>
    <span unselectable="on" class="CARsHknB WvLvCiod">n</span>
    <span unselectable="on" class="CARsHknB">g</span>
    <span unselectable="on">...</span>
</div>

其中vdFKqLpl和CARsHknB是随机属性类，我无法提前知道，

---

可以选择前两个共享vdFKqLpl作为第一个类的div吗？

我不知道这是否能完全起作用，但这可以让您更接近

跨度{ 颜色：绿色； } span[class*=]，span[class*=]~span{ 颜色：红色； } 当那只从未说过一句话的小蓝知更鸟开始唱歌时， 精神 N G

---

我相信您在试图解决问题时使用的样式选择器只能用于内联样式。我不认为有一个纯粹的css解决你的问题，但有人纠正我，如果我错了。你在寻找一个只使用css的解决方案吗？在阅读了属性选择器的敏感度之后，我尝试添加或删除这个空格以及最后的分号，并将颜色转换为rgb153、204、0，小数之间有或没有空格，但没有work@OlivierKrull在时尚主题的背景下，非css唯一解决方案是否可行？或者你会建议使用更深入的修改工具，比如greasemonkey吗？