: blank - CSS-triks

Anonim

Den :blankpseudo-klasse bygger på :emptypseudo-klassen. Som :empty, :blankvil velge elementer som ikke inneholder noe i det hele tatt, eller som bare inneholder en HTML-kommentar. Men :blankvil også velge elementer som inkluderer mellomrom, som :emptyikke vil.

p:blank ( display: none; )

p:blankvelger disse avsnittene, akkurat som p:empty:

Og det vil også velge disse avsnittene, som p:emptyikke ville:

I skrivende stund :blanker den en del av CSS Selectors nivå 4-utkast, og støttes ikke av noen nettleser. Mozilla støtter sin egen versjon av :blankunder en annen, leverandør-prefiks navn: :-moz-only-whitespace. Demoen nedenfor inkluderer Mozillas versjon, og vil bare fungere i Mozilla-nettlesere for nå.

Se pennen: blank og: -moz-only-whitespace av mariemosley (@mariemosley) på CodePen.

I slekt

  • :tømme

Mer informasjon

  • : blank i Selectors Level 4 Draft
  • : -moz-only-whitespace på MDN

Nettleserstøtte

Chrome Safari Firefox Opera DVS Android iOS
Nei Nei Som: -moz-only-whitespace Nei Nei Nei Nei