CSS :is() und :where() kommen in Browser

Avatar of Chris Coyier
Chris Coyier am

DigitalOcean bietet Cloud-Produkte für jede Phase Ihrer Reise. Starten Sie mit 200 $ kostenlosem Guthaben!

Šime Vidas mit den Details dazu, was diese Pseudo-Selektoren sind und warum sie nützlich sein werden

  • :is() dient zur Reduzierung der Wiederholung¹ von Teilen durch Kommas getrennter Selektoren.
  • :where() ist dasselbe, aber nichts darin beeinflusst die Spezifität. Das Beispiel, :where(:not()) zu umschließen, ist wirklich großartig, da es jetzt eine Möglichkeit gibt, :not() zu verwenden, ohne das Gewicht des Selektors zu erhöhen, was Sie höchstwahrscheinlich nicht möchten.
  1. Dies ist etwas, worin CSS-Präprozessoren gut sind (über Verschachtelung). Ein weiteres schönes kleines Beispiel dafür, wie gemeinschaftlich erstellte Technologie vorantreibt und native Technologie später zur Hilfe kommt, sobald die Idee ausgearbeitet ist.

Direkter Link →