Adjacent Selectors
Tags don't need to be nested within one another for us to be able to specify that a special style is to apply. We can also specify styles that are to apply when one tag directly follows another without any intervening tags.
To do this we separate them with a plus sign like this:
b+i {color:red;}
Now this style will apply to italic text provided that there was preceding bold text and no other tags occurred between the bold and italic text. There can of course be lots of other text between the bold and italic text for this style to still apply to the italic text just as long as there aren't any HTML tags.
The adjacent selector stylesheet definition is supported by all version 5 and later browsers except for Internet Explorer which still hasn't been updated to recognise many standard stylesheet definitions.


