Верстка · Senior · Запитання 31 з 75
Що дає нативна вкладеність CSS (&)?
.card {
padding: 1rem;
&:hover { background: #eee; }
.title { font-weight: 600; }
}- 1Нічого: без Sass чи PostCSS такий код невалідний у браузері
- ✓Правильна відповідь: Браузери розуміють вкладеність самі;
&- посилання на батьківський селектор - 3Вкладені правила застосовуються лише до прямих дітей
.card
Пояснення
CSS Nesting підтримують усі сучасні браузери. Відмінність від Sass: вкладені селектори поводяться як обгорнуті в :is(), що впливає на специфічність, і не можна склеювати рядки на кшталт &__title - це можливість лише препроцесорів.