Каков вариант использования селекторов заполнителей Sass? ⇐ CSS
-
Anonymous
Каков вариант использования селекторов заполнителей Sass?
В документации Sass для селекторов заполнителей сказано
Иногда вам нужно написать правило стиля, которое предназначено только для расширения. В этом случае вы можете использовать селекторы-заполнители... Любые селекторы, включающие заполнители, не включаются в выходные данные CSS, но селекторы, которые их расширяют, включаются.
Затем он дает пример SCSS
.alert:hover, %strong-alert { начертание шрифта: жирный; } %strong-alert:hover { красный цвет; } который компилируется в следующий CSS
.alert:hover { начертание шрифта: жирный; } Похоже, что документация на этом месте заканчивается и не объясняет, что здесь происходит. Если я просто напишу этот SCSS
.alert:hover { начертание шрифта: жирный; } он скомпилируется в эквивалентный CSS. На самом деле это не объясняет, что на самом деле делает %strong-alert:hover, поскольку нет вывода. Я понимаю, что это ожидаемый результат, поскольку в приведенной выше цитате говорится: «селекторы, включающие заполнители, не включаются в выходные данные CSS».
Но возникает вопрос: каков их вариант использования? Может ли кто-нибудь привести пример использования %strong-alert:hover?
В документации Sass для селекторов заполнителей сказано
Иногда вам нужно написать правило стиля, которое предназначено только для расширения. В этом случае вы можете использовать селекторы-заполнители... Любые селекторы, включающие заполнители, не включаются в выходные данные CSS, но селекторы, которые их расширяют, включаются.
Затем он дает пример SCSS
.alert:hover, %strong-alert { начертание шрифта: жирный; } %strong-alert:hover { красный цвет; } который компилируется в следующий CSS
.alert:hover { начертание шрифта: жирный; } Похоже, что документация на этом месте заканчивается и не объясняет, что здесь происходит. Если я просто напишу этот SCSS
.alert:hover { начертание шрифта: жирный; } он скомпилируется в эквивалентный CSS. На самом деле это не объясняет, что на самом деле делает %strong-alert:hover, поскольку нет вывода. Я понимаю, что это ожидаемый результат, поскольку в приведенной выше цитате говорится: «селекторы, включающие заполнители, не включаются в выходные данные CSS».
Но возникает вопрос: каков их вариант использования? Может ли кто-нибудь привести пример использования %strong-alert:hover?
