Adjacent-sibling selector

Verifichiamo il funzionamento e il supporto di questo tipo di selettore.

Codice:

body {
background : White;
font : 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 + p {
color : Red;
}

p {
color : Black;
}

Titolo H1

Il testo di questo paragrafo dovrebbe essere rosso (provate con Mozilla, Netscape 6/7 oppure con Opera o ancora con Explorer 5 Mac...

Il testo di questo di questo paragrafo è invece nero: non è infatti un paragrafo adiacente all'elemento h1