Question

Is the following

.a + .b + .c

a valid selector for an element of class c that directly follows two elements of class a and b respectively? It seems to work in Chrome 16. Is it clear from the standard, that it should work?

Answer 1

Works fine for me and is standard, as far as I know. (Have never seen anything to the contrary)

Example: http://jsfiddle.net/6ykxB/

If it were just utilizing the last adjacent selector, this would still work

.z + .b + .c

but it doesn’t

Example2: http://jsfiddle.net/6ykxB/1/

A reference on SitePoint mentions multiple adjacent sibling selectors, a further confirmation that they are standard:

http://reference.sitepoint.com/css/adjacentsiblingselector

However, there is a warning for elements with :hover and multiple selectors:

Safari (up to and including version 4) and Chrome (up to and including
version 3) behave “buggily” when the adjacent selector is preceded by
an element using the :hover pseudo class. The bug varies between
versions but the rule is either not applied at all, or applied
inconsistently.