The second p isn’t :not(.classy) so it isn’t color: red. This means it still has its default colour, which is color: inherit. The body element is :not(p) so it is color: green. The second p therefore inherits the green colour from the body element. The developer tools in your browser would have told you this:
From a WebElement you can use the getAttribute method like this: element.getAttribute(“class”)
Here’s as close as you’re going to get. Note that you can’t make the nth-child count only displayed rows; nth-child will take the nth child element no matter what, not the nth child that matches a given selector. If you want some rows to be missing and not affect the zebra-striping, you will have to … Read more
You can, but you are doing it wrong.. The issue that that all your p elements are inside li. So all of them are the first child of their li container. You will need to put the nth-child on the li elements. #id li:nth-child(1) p:after, #id li:nth-child(2) p:after, #id li:nth-child(3) p:after { content: ‘OM’; color: … Read more
CSS itself is case insensitive, but selectors from HTML (class and id) are case sensitive: CSS recommendation on case sensitivity HTML recommendation, id attribute (note the [CS])
You can separate the classes with a comma , .ListTaskTime tbody tr >td:nth-child(3), .ListTaskTime tbody tr >td:nth-child(6), .ListTaskTime tbody tr >td:nth-child(9) { /* Common Styles Goes Here, Styles will apply to child 3,6 and 9 */ } Note: You need to check the nth-child and define it manually in your stylesheet, as CSS cannot decide … Read more
For the first two children you can use: ul li:nth-child(-n + 2) { color: orange; } http://jsfiddle.net/nYnSz/1/ For the last two: ul li:nth-last-child(-n + 2) { color: orange; } http://jsfiddle.net/nYnSz/
Only using class names is not sufficient in your case. By.cssSelector(“.ban”) has 15 matching nodes By.cssSelector(“.hot”) has 11 matching nodes By.cssSelector(“.ban.hot”) has 5 matching nodes Therefore you need more restrictions to narrow it down. Option 1 and 2 below are available for CSS selector, 1 might be the one that suits your needs best. Option … Read more
table tr td:nth-child(2) { background: #ccc; } Working example: http://jsfiddle.net/gqr3J/
For selecting the first and second children, you can use a single :nth-child() pseudo-class like so: ul li:nth-child(-n+2) a { background: none repeat scroll 0 0 beige; }