:only-child() (selettore CSS e jQuery) riguarda gli elementi HTML ‘figli unici’ cioè che non hanno altri elementi fratelli, rispetto all’elemento padre indicato, di qualsiasi tipo (per escludere la presenza dei soli fratelli dello stesso tipo, v. il selettore CSS e jQuery :only-of-type).
Sintassi
:only-child() {
/* codice */
}
Esempi
<style>
p span:only-child {
background-color: yellow;
}
</style>
<p>Parola1 <span>Parola2</span> Parola3 Parola4.</p>
<p>Parola1 <span>Parola2</span> Parola3 <i>Parola4</i>.</p>
Parola1 Parola2 Parola3 Parola4.
Parola1 Parola2 Parola3 Parola4.
Contenuti correlati
- CSS
- HTML
- JavaScript
- jQuery
- PHP
- SQL
- WORDPRESS
0 Comment