De :blank
pseudo-klasse bouwt voort op de :empty
pseudo-klasse. Like :empty
, :blank
selecteert elementen die helemaal niets bevatten of alleen een HTML-commentaar bevatten. Maar, :blank
zal ook elementen selecteren die witruimte bevatten, wat :empty
niet zal gebeuren.
p:blank ( display: none; )
p:blank
zal deze alinea's selecteren, net zoals p:empty
:
En het zal ook deze alinea's selecteren, die p:empty
niet:
Op het moment van schrijven :blank
maakt het deel uit van het CSS Selectors Level 4-concept en wordt niet ondersteund door een browser. Mozilla ondersteunt haar eigen versie van :blank
onder een andere,-vendor voorafgegaan naam: :-moz-only-whitespace
. De onderstaande demo bevat de Mozilla-versie en werkt voorlopig alleen in Mozilla-browsers.
Zie de Pen: blank en: -moz-only-whitespace door mariemosley (@mariemosley) op CodePen.
Verwant
- :leeg
Meer informatie
- : blanco in de Selectors Level 4 Draft
- : -moz-only-whitespace op MDN
Browser-ondersteuning
Chrome | Safari | Firefox | Opera | D.W.Z | Android | iOS |
---|---|---|---|---|---|---|
Nee | Nee | Zoals: -moz-only-whitespace | Nee | Nee | Nee | Nee |