Selettori di fratelli adiacenti
I selettori di fratelli adiacenti hanno la seguente sintassi: E1 + E2, dove E2 è il soggetto del selettore. Il selettore seleziona se E1 e E2 condividono lo stesso genitore nell'albero del documento e E1 precede immediatamente E2. In taluni contesti, gli elementi adiacenti generano oggetti di formattazione la cui presentazione è gestita automaticamente (per esempio, margini verticali che collassano fra riquadrati [box] adiacenti). Il selettore + consente agli autori di specificare uno stile addizionale per elementi adiacenti.

Così, la seguente regola afferma che quando un elemento P segue immediatamente un elemento MATH, non dovrebbe essere indentato:
MATH + P { text-indent: 0 }

Il prossimo esempio riduce lo spazio verticale che separa un H1 e un H2 che lo segue immediatamente:
H1 + H2 { margin-top: -5mm }

COMMENTI