Manuale di riferimento CSS

Regole CSS (@RULES)

Completo elenco delle proprietà CSS

Funzioni CSS Manuale completo dei selettori CSS

Selettore di fratelli successivi (+) CSS

Il selettore di fratelli successivi (+) tra due selettori, quando il secondo elemento segue immediatamente il primo elemento e entrambi sono figli dello stesso elemento genitore, il secondo elemento viene selezionato.

Manuale di riferimento completo per i selettori CSS

Esempio online

Seleziona tutti i <p> e il primo <span> che seguono immediatamente il primo <div> elemento:

Esempio

<!DOCTYPE html>
<html>
<title>Base Tutorial Web (oldtoolbag.com)</title>
<head>
<style>
div+p
{
background-color:red;
color:white;
}
div+span　{
　　background-color: DodgerBlue;
}
</style>
</head>
<body>
<h1>Benvenuti nel Base Tutorial Web (it.oldtoolbag.com)</h1>
<div>
<p>Il nostro indirizzo web è: it.oldtoolbag.com.</p>
<p>Il nome del nostro sito è: Base Tutorial Web.</p>
<span>Demostra il selettore di fratelli successivi</span>
<span>Demostra il selettore di fratelli successivi</span>
</div>
<p>Vi offriamo vari tutorial di base per imparare. Impara bene le basi, e potrai andare più lontano!</p>
</body>
</html>

Prova a vedere ‹/›

Definizione e uso

former_element　+　target_element　{　proprietà_di_stile　}

element+element　 Il selettore di fratelli successivi viene utilizzato per selezionare l'elemento che segue immediatamente l'elemento specificato (non interno).

Compatibilità dei browser

IEFirefoxOperaChromeSafari

Tutti i browser principali lo supportano element+element Selettore di fratelli successivi.

Attenzione: 　element+elementIn IE8, deve essere dichiarato 　<!DOCTYPE>Manuale di riferimento completo per i selettori CSS

Funzioni CSS Manuale completo dei selettori CSS