: leer - CSS-Tricks

Anonim

Die :blankPseudoklasse baut auf der :emptyPseudoklasse auf. Wie :empty, :blankwerden Elemente auswählen , die gar nichts enthalten oder enthalten nur einen HTML - Kommentar. Es :blankwerden jedoch auch Elemente ausgewählt, die Leerzeichen enthalten, die dies :emptyjedoch nicht tun .

p:blank ( display: none; )

p:blankwählt diese Absätze aus, genau wie p:empty:

Und es werden auch diese Absätze ausgewählt, die p:emptynicht:

Zum Zeitpunkt dieses Schreibens :blankist es Teil des Entwurfs von CSS Selectors Level 4 und wird von keinem Browser unterstützt. Mozilla unterstützt eine eigene Version von :blankunter einem anderen, vom Hersteller vorangestellten Namen : :-moz-only-whitespace. Die folgende Demo enthält die Version von Mozilla und funktioniert derzeit nur in Mozilla-Browsern.

Siehe den Stift: blank und: -moz-only-whitespace von mariemosley (@mariemosley) auf CodePen.

verbunden

  • :leer

Mehr Informationen

  • : leer im Selectors Level 4 Draft
  • : -moz-only-whitespace bei MDN

Browser-Unterstützung

Chrom Safari Feuerfuchs Oper IE Android iOS
Nee Nee Als: -moz-only-whitespace Nee Nee Nee Nee