Html 如何基于regex将css应用于div内容

如果div的innerHtml与正则表达式匹配，我想将css应用于我的div标记。不知何故，我找不到合适的搜索词来谷歌搜索。如果已经有人问过，请给我指出

//CSS:

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

​

//HTML：
本文包含Foo。它还包含其他东西
红色将不应用于此div，因为正则表达式不匹配

我见过使用正则表达式匹配属性的示例。例如我只是找不到合适的正则表达式“术语”来匹配div的内容。我不想使用Javascript来解析文本

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

---

谢谢。

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

例如：

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

您可以通过jQuery在javascript中简单地实现这一点。

---

样本：

是的。我会的。只是想试试css。

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