English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Quando si utilizza il selettore > per separare due elementi, matcha solo quei secondi elementi che sono diretti figli del primo elemento. A differenza di quando due elementi sono connessi dal selettore discendente, questo indica che matcha tutti i secondi elementi che sono antenati del primo elemento (non necessariamente il padre), indipendentemente da quante volte saltano nel DOM.
Manuale di riferimento per selettori CSS completi
Seleziona tutti i <p> elementi con <div> come elemento padre:
<!DOCTYPE html>
<html>
<title>Sito Web di Tutorial di Base (oldtoolbag.com)</title>
<head>
<style>
div>p
{
background-color:red;
color:white;
}
div > span {background-color: DodgerBlue;}
</style>
</head>
<body>
<h1>Benvenuti nel Sito Web di Tutorial di Base (it.oldtoolbag.com)</h1>
<div>
<p>L'indirizzo del nostro sito è: it.oldtoolbag.com.</p>
<p>Il nome del nostro sito è: Sito Web di Tutorial di Base.</p>
<span>Dimostra il selettore figlio</span>
</div>
<p>Forniamo vari tutorial di base per imparare. Impara bene le basi e potrai andare più lontano!</p>
</body>
</html>Prova a vedere ‹/›Elemento1 > Elemento2 {declarazione di stile}element>element Il selettore figlio viene utilizzato per selezionare l'elemento figlio di un elemento padre specifico.
Attenzione: Un elemento non selezionato non può specificare direttamente il figlio dell'elemento padre.
IEFirefoxOperaChromeSafari
Tutti i browser principali lo supportano element>element Selettore figlio.
Attenzione:element>elementIn IE8 deve essere dichiarato per funzionare <!DOCTYPE>
Manuale di riferimento per selettori CSS completi