Manuale di riferimento CSS

Regole @CSS

Completo elenco delle proprietà CSS

Funzioni CSS Manuale completo dei selettori CSS

Selettore :only-of-type CSS3

Il pseudo-selettore :only-of-type CSS rappresenta qualsiasi elemento, che non ha altri elementi dello stesso tipo come fratelli.

Manuale di riferimento completo per selezionatori CSS

Esempio online

Specificare ogni elemento p che appartiene all'elemento genitore e rappresenta l'unico figlio di un tipo specifico:：

Esempio

!DOCTYPE html
<html>
<head>
<meta charset="utf-8">　
<title>Lezioni di base(oldtoolbag.com)</title>
<style>
div　{
　　border:　1px　solid　#ccc;
　　margin:　20px;
　　padding:　10px　10px　10px　30px;
}
p:only-of-type　{
　　color:　red;
}
</style>
</head>
</body>
<div>
　　<pSono l'unico elemento paragrafo in questo div.</p>　　
　　<ul>
　　　　<li>Elemento della lista</li>
　　　　<li>Elemento della lista</li>
　　</ul>　　
</div>
<div>
　　<pQuesto div contiene più paragrafi.</p>　　
　　<p>Sono anche un paragrafo.</p>　　
　　<ul>
　　　　<li>Elemento della lista</li>
　　　　<li>Elemento della lista</li>
　　</ul>　　
</div>
</body>
</html>

Prova a vedere ‹/›

Definizione e uso

element:only-of-type　{　proprietà di stile　}

:only-of-type rappresenta qualsiasi elemento, che non ha altri elementi dello stesso tipo come fratelli.

Compatibilità dei browser

I numeri nella tabella rappresentano la versione del primo browser che supporta l'attributo.

Selettore
:only-of-type	4.0	9.0	3.5	3.2	9.6

Manuale di riferimento completo per selezionatori CSS

Funzioni CSS Manuale completo dei selettori CSS