: blank - CSS-tricks

Anonim

Den :blankpseudo-klasse bygger på den :emptypseudo-klassen. Ligesom :empty, :blankvælger elementer, der slet ikke indeholder noget, eller som kun indeholder en HTML-kommentar. Men :blankvælger også elementer, der inkluderer mellemrum, hvilket :emptyikke vil.

p:blank ( display: none; )

p:blankvælger disse afsnit, ligesom p:emptyville gøre:

Og det vælger også disse afsnit, som p:emptyikke ville:

På tidspunktet for denne skrivning :blanker det en del af CSS Selectors niveau 4-udkast og understøttes ikke af nogen browser. Mozilla understøtter sin egen version af :blankunder et andet, leverandør-præfikset navn: :-moz-only-whitespace. Demoen nedenfor inkluderer Mozillas version og fungerer kun i Mozilla-browsere indtil videre.

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

Relaterede

  • :tom

Mere information

  • : blank i Selectors niveau 4-kladden
  • : -moz-only-whitespace på MDN

Browsersupport

Chrome Safari Firefox Opera IE Android iOS
Nix Nix Som: -moz-only-whitespace Nix Nix Nix Nix