html - CSS“inner-html”技术？

Question

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

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

我希望任何#globalPageHeader h1包含这个词Home的东西都display具有none.

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

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

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

任何帮助深表感谢！

score 17 · Accepted Answer

17

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

于 2013-03-26T02:08:09.260 回答

score 5 · Accepted Answer

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

score 3 · Accepted Answer

I had a similar problem. What you can do is to add an attribute to the <h1> element. For example title :

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

And then in the CSS:

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

It worked for me.

3 回答 3