Html CSS“内部html”技术？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/15628083/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
CSS "inner-html" technique?
提问by randmath
I was wondering if there was a way to query elements according to the word it contains. So, if I have:
我想知道是否有一种方法可以根据它包含的单词查询元素。所以，如果我有：
<div id="globalPageHeader">
<h1>Home</h1>
</div>
I want any #globalPageHeader h1that has the word Homein it, to have a displayproperty of none.
我想任何#globalPageHeader h1有字Home在里面，有一个display财产none。
Obviously this example wouldn't work, but I was wondering if there's something like it:
显然这个例子不起作用，但我想知道是否有类似的东西：
#globalPageHeader h1(innerHTML == "Home") {
display: none;
}
I don't want to use JavaScript's innerHTMLbecause I have no access to the javascript parts of the admin.
我不想使用 JavaScript，innerHTML因为我无法访问 admin 的 javascript 部分。
Any help is much appreciated!
任何帮助深表感谢！
回答by Marat Tanalin
With pure CSS, that's impossible.
使用纯 CSS，这是不可能的。
回答by JQM Rookie
This is not possible using CSS. You can, however, do it using jQuery. Why not just add a class to the desired h1 tags?
使用 CSS 无法做到这一点。但是，您可以使用 jQuery 来完成。为什么不向所需的 h1 标签添加一个类？
回答by Adrian Garcia
I had a similar problem. What you can do is to add an attribute to the <h1>title:
我有一个类似的问题。您可以做的是为<h1>title：
<div id="globalPageHeader">
<h1 title='Home'>Home</h1>
</div>
And then in the CSS:
然后在 CSS 中：
#globalPageHeader h1[title = 'Home'] {
display: none;
}
It worked for me.
它对我有用。
