Looks like I've found the CSS Selectors. I'll need to look at the CSS.
- rafaelp/css_browser_selector I use this religiously now. My console will pop up with the selected element information. Damit rufen Sie Selektoren mit einem Klick ab und kopieren diese in Ihre Lokatoren in Selenium. Best custom CSS plugin I've used by far (and I've tried a few).
However, this method is not recommended because they are not valid CSS syntax.
Using css hack- I personally would not recommend this method as it may or may not be functional in many cases.
Just install the Chrome Extension or drag the bookmarklet to your bookmark bar, then go to any page and launch it. Kyle Gardner On the left is the HTML and on the right is the CSS. Using Chrome console you can test both xPath and css selectors. For example, add an asterisk (*) before the CSS property will target IE7 or add an underscore before the property will target IE6. Outstanding! Launch website to be tested in chrome browser and hit F-12 and you would see chrome console opened in lower pane of application - James Ferrell I really like this extension; the UI, the features it offers. SelectorGadget is an open source tool that makes CSS selector generation and discovery on complicated sites a breeze.