Eine Kleinigkeit geschah auf dem Weg zur Veröffentlichung des CSS :has() Selektors im alten Almanac. Ich hatte :has() ursprünglich als "nachsichtigen" Selektor beschrieben, mit der Idee, dass alles in seinem Argument ausgewertet wird, auch wenn einer ...
BEM. Wie scheinbar alle Techniken in der Welt der Front-End-Entwicklung kann das Schreiben von CSS im BEM-Format polarisieren. Aber es ist – zumindest in meiner Twitter-Bubble – eine der beliebteren CSS-Methoden.
Ich persönlich denke …
Wenn Sie diszipliniert sind und die Vererbung, die die CSS-Kaskade bietet, nutzen, werden Sie am Ende weniger CSS schreiben. Aber da unsere Stile oft aus allen möglichen Quellen stammen — und mühsam zu strukturieren sein können …
In der dieswöchigen Zusammenfassung landet prefers-contrast in Safari, MathML erhält etwas Aufmerksamkeit, :is() ist tatsächlich ziemlich fehlerverzeihend, weitere gerichtsbezogene Klagen, inkonsistente Anfangswerte für CSS Background Eigenschaften können zu unerwünschten – aber irgendwie netten – Mustern führen. …
Š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 von
Gott bin ich lustig.
Immer wenn wir ziemlich repetitive Selektoren haben, die einen gemeinsamen Elternteil haben, ist das wahrscheinlich ein Ort, an dem wir den :is() Pseudoselektor verwenden können.
Holger Bartel demonstriert dies so
section section h1, section article h1, section aside h1, section nav Der Pseudo-Selektor :is() in CSS ermöglicht es Ihnen, zusammengesetzte Selektoren knapper zu schreiben. Anstatt zum Beispiel zu schreiben
ul li,
ol li {}Wir könnten schreiben
:is(ul, ol) li {}