缺少CSS3选择器：包含

Question

我在从包含单词“FooBar”的网络文档中选择链接时遇到问题。

我在选择器测试上尝试了A:contains('FooBar')，但是它起作用，但它不能从我的基于CSS3选择器的jsoup应用程序中运行。

选择器测试：http://www.w3schools.com/jquery/trysel.asp?filename=trysel_basic&jqsel=p.intro,%23choose

似乎CSS3不支持：包含http://www.w3.org/TR/2009/PR-css3-selectors-20091215/#content-selectors

任何替代方案：包含在CSS3中？

Answer 1

我相信已从CSS3规范中删除:contains，并且目前没有任何浏览器支持它。

如果您想选择一个href包含＆＃34; FooBar＆＃34;的锚元素，您可以使用以下内容：

a[href*="FooBar"] {
  // your styles here
}

此选择器适用于任何属性，并且在所有主流浏览器中都受支持，包括IE7 +。

请参阅DEMO。

Answer 2

jQuery（更具体地说，Sizzle）已经使用自己的自定义选择器扩展了CSS选择器。 :contains是自定义选择器。