CSS selectors perform far better than XPath selectors, and it is well documented in Selenium community. Here are some reasons: XPath engines are different in each browser, hence making them inconsistent Internet Explorer does not have a native XPath engine, and therefore Selenium injects its own XPath engine for compatibility of its API. Hence we … Read more
This error message… selenium.common.exceptions.NoSuchElementException: Message: no such element: Unable to locate element: {“method”:”name”,”selector”:”submitNext”} (Session info: chrome=66.0.3359.170) (Driver info: chromedriver=2.36.540470) …implies that the ChromeDriver was unable to locate the desired element. Locating the desired element As per the HTML you have shared to click on the element you can use either of the following Locator Strategies: … Read more
:first-child and :last-child, along with complimentary compatibility chart. :first-child is supported IE9 properly, and IE7 and IE8 sort of (see chart). :last-child is supported by IE9+ only. Both of them are supported well by the good browsers.
You can’t use a wildcard like that, but to get the desired result (ID starts with lorem and ends with Ipsum) you can use the attribute starts-with and ends-with selectors instead, like so: p[id^=”lorem”][id$=”Ipsum”] Remember that by linking multiple attribute selectors like this (along with the p type selector), you’re doing an AND match with … Read more
The answer above actually has a bug in it — the while loop breaks prematurely when it encounters a non-element node (e.g. a text node) resulting in an incorrect CSS selector. Here’s an improved version that fixes that problem plus: Stops when it encounters the first ancestor element with an id assigned to it Uses … Read more
:nth-child() pseudo-class looks through the children tree of the parent to match the valid child (odd, even, etc), therefore when you combine it with :not(.hidden) it won’t filter the elements properly. Alternatively, we could fake the effect by CSS gradient as follows: .hidden {display:none;} .wrap { line-height: 1.2em; background-color: orange; background-image: linear-gradient(transparent 50%, green 50%); … Read more
Not with ID selectors since they require complete ID names, but with substring attribute selectors: div[id^=”as_”] div[id^=”bs_”] But since your elements have a class attribute anyway, why not add a common class to each group of elements and select by that class to make things simpler? You should be able to determine the grouping class … Read more
Caret (^): selects an element (<h1>) where the value of the specified attribute (rel) starts with a certain value (val): h1[rel^=”val”] { /** formatting */ } h1[rel^=”friend”] { color: blue; } <h1 rel=”friend-external-sandwich”>I’m Blue.</h1> <h1 rel=”friend2-external-sandwich”>I’m Blue.</h1> <h1 rel=”external-sandwich”>I’m Black.</h1> Pipe (|): selects an element (<h1>) where the value of the specified attribute (rel) is … Read more
It should be this way: h2.myClass looks for h2 with class myClass. But you actually want to apply style for h2 inside .myClass so you can use descendant selector .myClass h2. h2 { color: red; } .myClass { color: green; } .myClass h2 { color: blue; } Demo This ref will give you some basic … Read more
The [] syntax is an attribute selector. a[class=”btn”] This will select any <a> tag with class=”btn”. However, it will not select <a> which has class=”btn btn_red”, for example (whereas a.btn would). It only exactly matches that attribute. You may want to read The 30 CSS Selectors you Must Memorize. It’s invaluable to any up-and-coming web … Read more