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 …
Ich wusste nicht, dass die Unterstützung für @supports zur Bestimmung der Selektor-Unterstützung so gut war! Normalerweise denke ich bei @supports an eine Möglichkeit, die Unterstützung für property: value-Paare zu testen. Aber mit der Funktion selector() können wir die Unterstützung für Selektoren testen …
Ich weiß nicht, wie es Ihnen geht, aber ich schreibe diese drei Deklarationen viele Male in meinem CSS
ul {
padding: 0;
margin: 0;
list-style-type: none;
}Sie könnten mich anschreien und sagen, ich kann sie einfach in mein CSS einfügen ...
Der :where() Pseudo-Selektor in CSS ist funktional identisch mit dem :is() Pseudo-Selektor, da er eine durch Kommas getrennte Liste von Selektoren nimmt, gegen die abgeglichen wird, außer dass bei :is() der spezifischste unter ihnen als Spezifität der ...
Š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
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 {}