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是一個自定義選擇器。