Sass 基础语法
学习了Sass 基础语法变量(Variables):深入理解了 Sass 变量的使用。变量以 $ 符号开头,可用于存储颜色、字体大小、间距等常用值。例如:
scss
$primary-color: #007bff;
$font-size-base: 16px;
body {
color: $primary-color;
font-size: $font-size-base;
}
变量的使用使得代码的维护更加方便,只需修改变量的值,所有引用该变量的样式都会相应更新。
嵌套(Nesting):掌握了 Sass 的嵌套特性,它允许在 CSS 选择器中嵌套其他选择器,使代码结构更清晰,与 HTML 结构对应更紧密。例如:
scss
nav {
ul {
list-style: none;
margin: 0;
padding: 0;
li {
display: inline-block;
margin-right: 10px;
a {
color: $primary-color;
text-decoration: none;
}
}
}
}

浙公网安备 33010602011771号