What tool can I use to test the :contains() CSS3 pseudo-class in a browser?
I am trying to develop CSS Selectors to use with Selenium. In particular I want to use the pseudo-class :contains(). Although the W3 has a draft of CSS3 with :contains() it appears that the final version didn't include it.
I am using Chrome's tools to help me check my CSS selectors and make sure I am doing it right. Chrome doesn't appear to implement :contains(), which is understandable.
Is there a tool that I can use that will allow me to try out selectors that use :contains() on our webpages?
I am using a Mac with Lion. I am also potentially limited to using Firefox 3.5.7 (I was told to hold off on updating for now).
jQuery's selector engine also implements the
:contains() pseudo-class. It is to my knowledge that jQuery and Selenium implement it the same way.
> $("#mainbar div[id]:contains('selector')").get() /* DOM objects with .get() */
This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here