CSS3 Селектор отсутствует: содержит

Question

У меня проблема при выборе ссылок из веб-документа, содержащего слово «FooBar».

Я пробовал A:contains('FooBar') на тестовом селекторе, но он работал, но он не работает из моего приложения jsoup, которое основано на селекторах CSS3.

тест селектора: 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 и что браузеры в настоящее время не поддерживают его.

Если вы хотите выбрать якорный элемент с href, содержащим «FooBar», вы можете использовать что-то вроде этого:

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

Этот селектор работает на любой атрибут и поддерживается во всех основных браузерах, включая IE7 + ,

См. DEMO.

Answer 2

jQuery (и более конкретно Sizzle) расширил селектор CSS с помощью собственных пользовательских селекторов. :contains - пользовательский селектор.