Техника CSS «внутренний-html»?

Question

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

<div id="globalPageHeader"> 
    <h1>Home</h1> 
</div> 

Я хочу, чтобы любой #globalPageHeader h1, который имеет слово Home в нем, чтобы иметь display свойство none.

Очевидно, что этот пример не будет работать, но мне было интересно, если есть что-то вроде этого:

#globalPageHeader h1(innerHTML == "Home") { 
    display: none; 
} 

Я не хочу использовать в JavaScript innerHTML, потому что у меня нет доступа к яваскрипта части админа ,

Любая помощь очень ценится!

Answer 1

С чистым CSS это невозможно.

Answer 2

Это невозможно с использованием CSS. Вы можете, однако, сделать это с помощью jQuery. Почему бы просто не добавить класс к требуемым тегам h1?

Answer 3

У меня была аналогичная проблема. Что вы можете сделать, так это добавить атрибут в элемент <h1>. Например title:

<div id="globalPageHeader"> 
    <h1 title='Home'>Home</h1> 
</div> 

А потом в CSS:

#globalPageHeader h1[title = 'Home'] { 
    display: none; 
} 

Он работал для меня.