Stefan Judis, zwei Tage bevor ich über die Verwendung von (X, X, X, X) zur Diskussion von Spezifität sprach, hat einen großartigen Blogbeitrag verfasst, der nicht nur dieses Format verwendet, sondern auch dafür plädiert, dass Browser-DevTools uns diesen Wert nach Selektoren anzeigen sollten.
Ich denke, dass die oben genannten Ergänzungen Entwickler immens im Umgang mit CSS schulen könnten. Der einzige Nachteil, der mir einfällt, ist, dass zusätzliche Informationen Entwickler überfordern könnten, aber ich würde dieses Risiko zugunsten von mehr Leuten, die CSS richtig lernen, eingehen.
Ich wäre dafür. Die durchgestrichene Benutzeroberfläche für die "verlierenden" Selektoren versucht, dies zu lehren, aber ohne es tatsächlich zu lehren. Ich wäre nicht so besorgt über die Informationsüberflutung. Ich denke, wenn sie auf das Design achten, kann es geschmackvoll umgesetzt werden. DevTools ist sowieso ein sehr informationsdichter Ort.
Ich denke, die Spezifitätsnotation ist ein gutes Kommunikationswerkzeug, solange Entwickler die Notation in ihren IDEs mit dem endgültigen Ergebnis in der Produktion in Einklang bringen können.
Wenn Sie SCSS in einem groß angelegten Projekt verwenden, ist die Spezifität zwischen Entwicklung und Produktion wahrscheinlich nicht 1:1. Wenn Sie CSS-Module oder eine CSS-in-JS-Lösung verwenden, ist die Spezifität für Ihre App wahrscheinlich (größtenteils) flach, da das Hinzufügen von UUIDs zu Klassennamen eine zuverlässigere Methode zur Verhinderung von Stilkonflikten ist.
Wenn Sie mit Shadow DOM arbeiten, ist die Spezifität relativ dazu, auf welcher Seite des Zauns Sie sich befinden.
Wenn die Spezifitätsnotation so überwältigend ist, dass sie Leute vom Front-End-Dev abhalten könnte, wollen Sie dann wirklich, dass diese Entwickler an Ihrer Software arbeiten?
Das scheint auch eine gute Idee zu sein. Historisch gesehen hatte ich nie große Probleme damit, die Spezifität eines Selektors auf einen Blick zu erkennen, aber mit den neueren Regeln für :is(), :where() und :not() ist es nicht mehr so einfach zu bewerten, wenn man eine Kombination davon in einem Selektor hat. Eine Anzeige in den DevTools könnte gute Orientierung bieten.