3

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

//CSS:

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

​</p> 

//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>

我已经看到使用正则表达式匹配属性的示例。例如这个。我只是无法为正则表达式找到正确的“术语”来匹配 div 的内容。我不想使用 Javascript 并解析文本。

PS：我不必在 IE、Safari、Opera 上拥有这个东西，所以任何特定于 Chrome/Mozilla 的东西也会有帮助。

谢谢。

4

1 回答 1

0

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

例如：

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

您可以在带有 jQ​​uery 的 javascript 中简单地做到这一点。示例：http ://www.jquery4u.com/syntax/jquery-basic-regex-selector-examples

于 2012-10-11T08:06:34.953 回答