html - 如何基于正则表达式将CSS应用于div内容

Question

如果 div 的 innerHtml 与正则表达式匹配，我想将 css 应用于我的 div 标签。我不知何故无法找到正确的搜索词来谷歌它。如果已经在 SO 上被问到，请向我指出。

//CSS:

#main div[/* regex here which matches Foo. It will make the div red */] {
    color: red;   
}

//HTML:
<div id="main">
    <div>This text contains Foo. It contains other stuff too</div>
    <div>Red color will not be applied to this div because regex doesn't match</div>
</div>

我见过使用正则表达式匹配属性的示例。例如this .我只是无法为正则表达式找到与 div 的内容相匹配的正确“术语”。我不想使用 Javascript 和解析文本。

PS:我不需要在 IE、Safari、Opera 上安装这个东西，所以任何特定于 Chrome/Mozilla 的东西也会有帮助。

谢谢。

Answer 1

在 CSS 中不可能找到 innerHTML 中的内容。但是可以在字符串中搜索 HTML 标记属性值。

例如:

a[href*='google.com'] {
  color: red;
}

您可以使用 jQuery 在 javascript 中轻松完成此操作。样本:http://www.jquery4u.com/syntax/jquery-basic-regex-selector-examples