Extending the use of adjacent sibling combinator in CSS3

The adjacent sibling combinator helps us combine two selectors.

An example:

h1+p{ 
	color: red
}

In this example when a paragraph comes right after an h1 it is red.

By extending the example above we can declare this:

h1+h2+p{ 
	color: red
}

Now the paragraph turns to red only when it follows an h2 which comes right after an h1.

The technique works in Safari, Chrome, Opera and Firefox and its validity has been confirmed by Eric Meyer. Adjacent sibling combinators work for Internet Explorer 7+ too, but I have not tested my discovery there yet.

If you know any relevant reference or want to comment this, please share it on Twitter.