How would I go about looking up or comprehensively testing the browser compatibility of a particular CSS selector?
The selector in question has this form:
#idValue.classValue
Which will find an element with id idValue with a class of classValue – so, like this thing:
<div id="idValue" class="classValue">
How compatible is this with the major browsers? How would I research the compatibility of this selector without running all the browsers? Is there a name for this kind of compound selector?
Every browser supports this selector fully. There is no special name for it, although it’s interesting to note that it is called a “compound selector”, as it’s a combination of two simple selectors.
If you flip the selector around, it should work just as well:
See also:
As for researching browser support, QuirksMode.org’s CSS compatibility table is a good resource, although it doesn’t mention every available selector. l–c–n.com has a much more comprehensive table.