Верстка · Middle · Запитання 27 з 75
Чим CSS-змінні (--x) принципово відрізняються від змінних Sass ($x)?
- 1Нічим: Sass просто компілює
$xу--x, і далі вони працюють однаково - 2CSS-змінні підтримуються лише в Chromium, тому Sass надійніший
- ✓Правильна відповідь:
--xживе в браузері й змінюється в рантаймі, а$xпідставляється під час збирання
Пояснення
Sass-змінна - значення на етапі компіляції, у підсумковому CSS її немає. Custom property бере участь у каскаді: її можна перевизначити для компонента, в @media, :hover, темній темі або з JavaScript через style.setProperty. Зазвичай обидва інструменти поєднують: Sass - для логіки збирання, CSS-змінні - для тем і динаміки.