: tühi - CSS-trikid

Anonim

:blankPseudo-klassi põhineb :emptypseudo-klassi. Nagu :empty, :blankvalib elemendid, mis sisaldavad midagi üldse või sisaldavad ainult HTML kommentaari. Kuid :blankvalib ka elemendid, mis sisaldavad tühikut, kuid :emptymitte.

p:blank ( display: none; )

p:blankvalib need lõigud täpselt nagu p:empty:

Ja ta valib ka need lõiked, mis p:emptyei teeks järgmist:

Selle kirjutamise ajal on see :blankosa CSS Selektorite 4. tasandi mustandist ja seda ei toeta ükski brauser. Mozilla toetab oma versiooni :blankkohaselt teist, müüja-eesliitega nimi: :-moz-only-whitespace. Allpool olev demo sisaldab Mozilla versiooni ja töötab praegu ainult Mozilla brauserites.

Vaadake CodePenilt pliiatsi: tühi ja: -moz-only-whitespace mariemosley (@mariemosley).

Seotud

  • :tühi

Rohkem informatsiooni

  • : tühi Selektorite 4. tasandi mustandis
  • : -moz-only-tühik MDN-is

Brauseri tugi

Chrome Safari Firefox Ooper IE Android iOS
Ei Ei Nagu: -moz-only-tühik Ei Ei Ei Ei