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;
        }
    }
}

}

posted @ 2025-02-20 19:38  Lomook  阅读(31)  评论(0)    收藏  举报