La pseudo-classe :blank
si basa sulla pseudo-classe :empty
. Proprio come :empty
, :blank
seleziona solamente elementi che non contengono nulla al loro interno oppure contengono solo un commento HTML. La differenza tra le due pseudo-classi è che :empty
seleziona anche gli elementi che contengono spazi bianchi, cosa che :empty
non fa.
p:blank {
display: none;
}
La regola appena riportata andrà a selezionare solamente paragrafi come quelli riportati di seguito, che verrebbero selezionati anche con :empty
:
<p></p>
<p><!-- Questo è un commento --></p>
Tuttavia, a differenza di :empty
, verranno selezionati anche paragrafi come i seguenti:
<p> </p>
<p>
<!-- Un commento con spazi bianchi -->
</p>
Al momento :blank
fa ancora parte della bozza Selettori CSS Livello 4 e non è supportato da alcun browser. Mozilla supporta la propria versione di :blank
con un nome diverso, utilizzando il suo prefisso: :-moz-only-whitespace
. L’esempio riportato di seguito illustra il funzionamento di :blank
utilizzando la versione di Mozilla, e di conseguenza, per ora, è funzionante solamente sul browser Firefox: