HTML i CSS · Senior · Pytanie 31 z 75
Co daje natywne zagnieżdżanie CSS (&)?
.card {
padding: 1rem;
&:hover { background: #eee; }
.title { font-weight: 600; }
}- 1Nic: bez Sass lub PostCSS ten kod jest w przeglądarce niepoprawny
- ✓Poprawna odpowiedź: Przeglądarki natywnie rozumieją zagnieżdżanie;
&odnosi się do selektora rodzica - 3Zagnieżdżone reguły dotyczą tylko bezpośrednich dzieci
.card
Wyjaśnienie
CSS Nesting obsługują wszystkie nowoczesne przeglądarki. Różnice wobec Sass: zagnieżdżone selektory działają tak, jakby były opakowane w :is(), co wpływa na specyficzność, i nie można sklejać stringów typu &__title - to możliwość tylko preprocesorów.