: vuoto - Trucchi CSS

Anonim

La :blankpseudo-classe si basa sulla :emptypseudo-classe. Ad esempio :empty, :blankselezionerà elementi che non contengono nulla o contengono solo un commento HTML. Ma :blankselezionerà anche elementi che includono spazi bianchi, che :emptynon lo faranno.

p:blank ( display: none; )

p:blankselezionerà questi paragrafi, proprio come p:emptyfarebbe:

E selezionerà anche questi paragrafi, che p:emptynon:

Al momento della stesura di questo documento, :blankfa parte della bozza di CSS Selectors Level 4 e non è supportato da alcun browser. Mozilla supporta la propria versione di :blanksotto un nome diverso dal fornitore prefisso: :-moz-only-whitespace. La demo di seguito include la versione di Mozilla e per ora funzionerà solo nei browser Mozilla.

Vedi Pen: blank e: -moz-only-whitespace di mariemosley (@mariemosley) su CodePen.

Relazionato

  • :vuoto

Maggiori informazioni

  • : vuoto nella bozza del livello 4 dei selettori
  • : -moz-only-whitespace su MDN

Supporto browser

Cromo Safari Firefox musica lirica IE Android iOS
no no Come: -moz-only-whitespace no no no no