CSS字目标

Question

我需要使用CSS设置特定单词的样式，但我不确定如何能够这样做。 出于某种原因，我无法将任何ID或类分配给列表的元素，这就是示例：

<ul class="xxx"> <li><a href="#" class="xxx"><span class="yyy">White</span></a></li> <li><a href="#" class="xxx"><span class="yyy">Black</span></a></li> <li><a href="#" class="xxx"><span class="yyy">Blue</span></a></li> </ul>

例如，white一词color: white; 我不能使用nth-child，因为在我网站的页面中，li的顺序可能不同。

我想知道是否有一种使用CSS的方法，只能告诉包含白色的li（或span）的颜色。

有谁知道我怎么能这样做？ 谢谢！

Answer 1

您应该为它们分配一个类：

<ul class="xxx"> 
   <li><a href="#" class="xxx"><span class="yyy white">White</span></a></li> 
   <li><a href="#" class="xxx"><span class="yyy black">Black</span></a></li> 
   <li><a href="#" class="xxx"><span class="yyy blue">Blue</span></a></li> 
</ul>

然后应用颜色：

.white{
    color: white;
}
.black{
    color: black;
}
.blue{
    color: blue;
}