Hallo an all ihr wunderbaren Entwickler da draußen! In diesem Post werden wir die Verwendung von :has() in eurem nächsten Webprojekt untersuchen. :has() ist zwar noch relativ neu, hat aber in der Front-End-Community an Popularität gewonnen, da es Kontrolle über … ermöglicht.
Die Pseudoklasse :has() ist ohne Zweifel mein neues Lieblings-CSS-Feature. Ich weiß, dass es das auch für viele von Ihnen ist, zumindest für diejenigen von Ihnen, die die State of CSS-Umfrage durchgeführt haben. Die Fähigkeit, Selektoren auf den Kopf zu stellen ...
Wenn Sie jemals an Websites mit viel Langform-Text gearbeitet haben – insbesondere an CMS-Seiten, auf denen Personen Textmassen in einen WYSIWYG-Editor eingeben können – mussten Sie wahrscheinlich CSS schreiben, um die vertikalen Abstände zwischen verschiedenen … zu verwalten.
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 …
Die CSS-:has()-Pseudo-Klasse wird in vielen Browsern eingeführt, **Chrome** und **Safari** unterstützen sie bereits vollständig. Sie wird oft als "Elternselektor" bezeichnet – das heißt, wir können ein Elternelement stylen, basierend auf einem ...
Dave Rupert mit etwas modernem CSS-Zauber, das sich mit einem dieser klassischen Rätsel befasst: Was passiert, wenn die CSS für eine Komponente den Inhalt, den wir ihr zumuten, nicht verarbeiten kann?
Die spezifische Situation ist, wenn ein Layout-Grid erwartet ...
Die oft angeführten Gründe, die Container-Abfragen schwierig oder unmöglich machen, sind Dinge wie Endlosschleifen – z. B. die Änderung der Breite eines Elements, die eine Container-Abfrage ungültig macht, was wiederum die Breite ändert, was dazu führt, dass die Container-Abfrage wirksam wird, …
Ich habe gerade gescherzt, dass wir in CSS im Grunde alles bekommen, was wir wollen, super schnell (hauptsächlich in Bezug auf Container-Abfragen, mein Gott, kannst du dir vorstellen, dass sie tatsächlich kommen?). Jetzt bekommen wir vielleicht tatsächlich Elternselektoren?! Wie in .parent:has(.child) { …
