CSS「inner-html」技術？

我想知道是否有方法根據它包含的單詞查詢元素。所以，如果我有：CSS「inner-html」技術？

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

我想是有其字Home任何#globalPageHeader h1，能有一個none財產display。

顯然這個例子中是行不通的，但我想知道是否有類似的東西：

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

我不想使用JavaScript的innerHTML，因爲我要管理的JavaScript的部分沒有訪問。

任何幫助非常感謝！

2013-03-26 randmath

曾經有一個contains（）僞類 - 但它被刪除了，因爲誰知道爲什麼 - 但是，jQuery仍然支持它的嘶嘶聲選擇器 – 2013-03-26 02:09:16

http://stackoverflow.com/questions/5441680/css-selector-基於元素的文本 – digitalextremist 2013-03-26 02:10:23

對於純粹的CSS，這是不可能的。

2013-03-26 02:08:09

啊。好的，我很害怕這個。謝謝！ – randmath 2013-03-26 02:46:29

這不可能使用CSS。但是，您可以使用jQuery來做到這一點。爲什麼不只是添加一個類到所需的h1標籤？

2013-03-26 02:11:05

是的，我會這樣做，除非它是全球性的，這是很多工作。另外，沒有jQuery，因爲我無法訪問管理員的JavaScript端。不過謝謝！ – randmath 2013-03-26 02:47:50

我有類似的問題。你可以做的是添加一個屬性到<h1>元素。例如title：

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

然後在CSS：

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

它爲我工作。

2014-09-16 08:07:59

爲什麼不只是添加一個類？ – Tim 2016-09-16 21:30:50

回答