我可以使用什么工具来测试：contains（）浏览器中的CSS3伪类？

Question

我正在尝试开发与Selenium一起使用的CSS选择器。 特别是我想使用伪类：contains（）。 虽然W3有一个CSS3草案，其中包含：contains（），但最终版本似乎没有包含它。

我正在使用Chrome的工具来帮助我检查我的CSS选择器，并确保我做得对。 Chrome似乎没有实现：contains（），这是可以理解的。

有没有我可以使用的工具，可以让我尝试在我们的网页上使用：contains（）的选择器？

我正在使用带狮子的Mac。 我也可能仅限于使用Firefox 3.5.7（我被告知现在不推迟更新）。

Answer 1

jQuery的选择器引擎也实现了:contains()伪类。 据我所知 ，jQuery和Selenium以同样的方式实现它。

我不确定你如何能够在不使用jQuery的网站上测试它，但在网站上这样做，只需要启动浏览器的JavaScript控制台，并在控制台中运行jQuery选择器。

以下是在Chrome的JavaScript控制台上查看此Stack Overflow问题的示例（根据您是否登录，可能会得到不同的结果）：

> $("#mainbar div[id]:contains('selector')").get() /* DOM objects with .get() */

[<div class=​"question" id=​"question">​…​</div>​, <div id=​"answers">​…​</div>​, <div id=​"answer-9007154" class=​"answer">​…​</div>, <div id=​"answer-9008184" class=​"answer">​…​</div>​]

Answer 2

我没有在任何地方看到：contains（）选择器而且从未遇到过它。

没有伪班出现： http ： //caniuse.com/#search=contain