CSS таргетинг на текст

Question

Мне нужно создать определенное слово с помощью CSS, но я не уверен, как я смогу это сделать. По некоторым причинам я не могу назначить любые идентификаторы или классы элементов списка, это пример:

<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; я не могу использовать п-го ребенка, потому что на странице моего сайта порядок 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; 
}