css-selectors - 缺少 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 中 :contains 的任何替代方案？

Answer 1

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

如果你想选择一个href包含“FooBar”的锚元素，你可以使用这样的东西：

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

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

见演示。

Answer 2

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