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

Posted 2023-05-07

【中文标题】CSS“inner-html”技术？ [复制]

【英文标题】：CSS "inner-html" technique? [duplicate]

【发布时间】：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 部分。

非常感谢任何帮助！

【问题讨论】：

曾经有一个 contains() 伪类 - 但不知道为什么它被删除了 - 然而，jQuery 在他们的嘶嘶声选择器中仍然支持它

***.com/questions/5441680/…

【参考方案1】：

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

【讨论】：

啊。好吧，我害怕那个。谢谢！

【参考方案2】：

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

【讨论】：

是的，我会这样做，但因为它是全球性的，所以工作量很大。另外，没有 jQuery，因为我无权访问管理员的 JavaScript 端。不过谢谢！

【参考方案3】：

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

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

然后在 CSS 中：

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

它对我有用。

【讨论】：

为什么不直接添加一个类？