Вложенные свойства
CSS имеет довольно много свойств в пространстве имен, например, font-family
, font-size
и font-weight
находятся в
пространстве имен font
.
В CSS, если вы хотите установить набор свойств в общем пространстве имен, вы должны вводить его каждый раз. Sass упрощает этот процесс: просто напишите пространство имен единожды, а внутри вы можете вписать любое из вторичных свойств. Например:
scss
.funky {
font: {
family: fantasy;
size: 30em;
weight: bold;
}
}
.funky
font:
family: fantasy
size: 30em
weight: bold
css
.funky {
font-family: fantasy;
font-size: 30em;
font-weight: bold;
}
Само пространство имен также может иметь значение. Например:
scss
.funky {
font: 20px/24px fantasy {
weight: bold;
}
}
.funky
font: 20px/24px fantasy
weight: bold
css
.funky {
font: 20px/24px fantasy;
font-weight: bold;
}
Ваша
Поддержка
Поддержка