CSS3选择缺少：包含

Question

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

我试过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

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

如果您要选择含“FooBar的”一个href定位元素，你可以使用这样的事情：

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

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

请参阅DEMO。

Answer 2

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