HTML und CSS · Senior · Frage 31 von 75
Was bringt natives CSS Nesting (&)?
.card {
padding: 1rem;
&:hover { background: #eee; }
.title { font-weight: 600; }
}- 1Browser verstehen Verschachtelung nativ;
&verweist auf den Eltern-Selektor - 2Nichts: ohne Sass oder PostCSS ist dieser Code im Browser ungültig
- 3Verschachtelte Regeln gelten nur für direkte Kinder von
.card
Antwort zeigen
Richtige Antwort: Browser verstehen Verschachtelung nativ; & verweist auf den Eltern-Selektor
Erklärung
CSS Nesting unterstützen alle modernen Browser. Unterschiede zu Sass: Verschachtelte Selektoren verhalten sich, als wären sie in :is() gepackt, was die Spezifität beeinflusst, und man kann keine Strings wie &__title verketten - das kann nur ein Präprozessor.