less和scss的使用
# less和scss的注释
在less文件中可以有两种注释
- 一种是css /* 注释内容 */ 不会编译在css中
- 一种是less和scss // 注释内容 只能在less中使用
一般在less文件中推荐less语法
# less和scss的变量
针对网页中重复更改的值可以用变量 less：@变量名: 变量值 scss：$变量名：变量值
## less
@color: red
## scss
$color: bule
.box {
// less
background-color: @color;
// scss
background-color: $color;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
2
3
4
5
6
7
8
9
10
11
12
13
# less和scss嵌套
/*后代选择器*/
.father {
.son {
}
&:hover {
}
}
/*子代*/
> .son {
}
/*并集*/
one, two {
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
上次更新: 2023/03/05, 15:03:00