Sass学习记录

1.变量声明

css 复制代码
$demo-color: red;
$demo-border: 1px solid $demo-color;
.a{
    border: $demo-border;
}

2.嵌套

css 复制代码
#a{
    .a{
        width: 1px
    }
}

3.符号&,伪类选择

css 复制代码
.bbc a{
    color: red;
    &:hover{
        color: blue
    }
}

4.群组嵌套

css 复制代码
#content{
    h1,h2,h3,h4{
        border: solid
    }
}

5.!default

css 复制代码
//如果这个变量被声明赋值了,那就用它声明的值,否则就用这个默认值
$default-test: 4000px !default;
#div{
    width: $default-test;
}
相关推荐
yngsqq3 分钟前
c#使用高版本8.0步骤
java·前端·c#
Mephisto.java23 分钟前
【大数据学习 | Spark-Core】Spark提交及运行流程
大数据·学习·spark
Myli_ing38 分钟前
考研倒计时-配色+1
前端·javascript·考研
余道各努力,千里自同风40 分钟前
前端 vue 如何区分开发环境
前端·javascript·vue.js
PandaCave1 小时前
vue工程运行、构建、引用环境参数学习记录
javascript·vue.js·学习
软件小伟1 小时前
Vue3+element-plus 实现中英文切换(Vue-i18n组件的使用)
前端·javascript·vue.js
yuwinter1 小时前
鸿蒙HarmonyOS学习笔记(2)
笔记·学习·harmonyos
醉の虾1 小时前
Vue3 使用v-for 渲染列表数据后更新
前端·javascript·vue.js
red_redemption1 小时前
自由学习记录(23)
学习·unity·lua·ab包
张小小大智慧1 小时前
TypeScript 的发展与基本语法
前端·javascript·typescript