CSS Master

Browser Coverage for Selectors

Acomprehensivelookatthecurrentstateofbrowsersupportforselectorscanbe

foundatCSS4-Selectors.^3

Combinators

Combinatorsarecharactersequencesthatexpressarelationshipbetweentheselect-

orsoneithersideofit.Usingacombinatorcreateswhat’sknownasacomplexse-

lector.Complexselectorscan,insomecases,bethemostconcisewaytodefine

styles.

Youshouldbefamiliarwithmostofthesecombinators:

■ descendantcombinator,orwhitespacecharacter

■ childcombinator,or>

■ adjacentsiblingcombinator,or+

■ generalsiblingcombinator,or~

Let’sillustrateeachofthesecombinators.We’llusethemtoaddstylestotheHTML

formshowninFigure1.1.

(^3) http://css4-selectors.com/
2 CSS Master