:blank

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: