CSS“inner-html”技术？ [复制]答案

【问题标题】：CSS "inner-html" technique? [duplicate]CSS“inner-html”技术？ [复制]
【发布时间】：2013-03-15 17:13:51
【问题描述】：

我想知道是否有办法根据元素包含的单词来查询元素。所以，如果我有：

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

我希望任何包含单词Home 的#globalPageHeader h1 具有none 的display 属性。

显然这个例子行不通，但我想知道是否有类似的东西：

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

我不想使用 JavaScript 的 innerHTML，因为我无法访问管理员的 javascript 部分。

非常感谢任何帮助！

【问题讨论】：

【解决方案1】：

使用纯 CSS，这是不可能的。

【讨论】：

【解决方案2】：

这在使用 CSS 时是不可能的。但是，您可以使用 jQuery 来完成。为什么不直接向所需的 h1 标签添加一个类？

【讨论】：

【解决方案3】：

我遇到了类似的问题。您可以做的是向<h1> 元素添加一个属性。例如title：

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

然后在 CSS 中：

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

它对我有用。

【讨论】：