CSS Условный текст h2

Question

Можно ли установить условие для текста h2 класса? h2 не имеет для него уникального класса или идентификатора и нескольких h2 с динамическим изменением порядка. Поэтому я не могу настроить таргетинг на 3-й h2, потому что он всегда меняется.

h2.arker.fun.header { 
// some statement If h2 text = "Gamer" then set text-transform: lowercase 
} 

Answer 1

Там был однажды предложил один псевдо класс, известный как : содержит справиться с этой ситуацией. Но они еще не добавили его в текущий проект CSS3.

Однако вы можете использовать Javascript. Например, для решения этой проблемы

for (var i= document.links.length; i-->0;){ 
    if (/\bSpecificWord\b/i.test(document.links[i].innerHTML) 
     document.links[i].style.color= 'red'; } 

Надеюсь, вы не ограничены использованием Javascript.

Answer 2

и может добавить атрибут в этом h2 тег и поставить условие, как: h2 [если 'MyType' =] {текст-преобразования: строчные буквы;}

Answer 3

В других (@Paulie_D, @Mia Marks, @YourFriend) уже указали, что нет селектора, основанного на контенте, и ближайший, который вы можете получить, - это селектор атрибутов.

Просто сумасшедшая идея:

h2.arker.fun.header:before { 
 
    content: attr(data-text); 
 
} 
 

 
h2.arker.fun.header[data-text="Gamer"] { 
 
    text-transform: lowercase; 
 
}

<h2 class="arker fun header" data-text="Gamer"></h2>

не делают это дома ...