If I read the specification correctly, no. You can match on an element, the name of an attribute in the element, and the value of a named attribute in an element. I don’t see anything for matching content within an element, though.
This question have been asked and answered in numerous forums in different formats. Considering them all if we prioritize the locators the list would be as follows : id: Select element with the specified id attribute. name: Select first element with the specified name attribute. link_text: Select link (anchor tag) element which contains text matching … Read more
> is the child combinator, sometimes mistakenly called the direct descendant combinator.1 That means the selector div > p.some_class only matches paragraphs of .some_class that are nested directly inside a div, and not any paragraphs that are nested further within. This implies that every element matching div > p.some_class necessarily also matches div p.some_class, with … Read more
I’ll just toss in a link to the CSS 2.1 spec itself, and how browsers are supposed to calculate specificity: CSS 2.1 Section 6.4.3: A selector’s specificity is calculated as follows: count 1 if the declaration is from is a ‘style’ attribute rather than a rule with a selector, 0 otherwise (= a) (In HTML, … Read more
This is one of the most well-known examples of authors misunderstanding how :first-child works. Introduced in CSS2, the :first-child pseudo-class represents the very first child of its parent. That’s it. There’s a very common misconception that it picks up whichever child element is the first to match the conditions specified by the rest of the … Read more
.classA.classB refers to an element that has both classes A and B (class=”classA classB”); whereas .classA .classB refers to an element with class=”classB” descended from an element with class=”classA”. Edit: Spec for reference: Attribute Selectors (See section 5.8.3 Class Selectors)
You can check directly at the CSS grammar. Basically1, a name must begin with an underscore (_), a hyphen (-), or a letter(a–z), followed by any number of hyphens, underscores, letters, or numbers. There is a catch: if the first character is a hyphen, the second character must2 be a letter or underscore, and the … Read more
This is a very common problem that arises due to a misunderstanding of how :nth-child(An+B) and :nth-of-type() work. In Selectors Level 3, the :nth-child() pseudo-class counts elements among all of their siblings under the same parent. It does not count only the siblings that match the rest of the selector. Similarly, the :nth-of-type() pseudo-class counts … Read more
No, there is no “previous sibling” selector. On a related note, ~ is for general successor sibling (meaning the element comes after this one, but not necessarily immediately after) and is a CSS3 selector. + is for next sibling and is CSS2.1. See Adjacent sibling combinator from Selectors Level 3 and 5.7 Adjacent sibling selectors … Read more
There is currently no way to select the parent of an element in CSS, at least not a way that works across all browsers. If there was a way to do it, it would be in either of the current CSS selectors specs: Selectors Level 3 Spec CSS 2.1 Selectors Spec That said, the Selectors … Read more