1.什么是Less
一个预处理器,程序员可以按照一定规则写.less文件,预处理器将其转化为.css。主要是便于程序员写格式
2.嵌套:它是一组 CSS 属性,允许将一个类的属性用于另一个类,并且包含类名作为其属性。
.container{
h1{
font-size: 25px;
color:#E45456;
}
p{
font-size: 25px;
color:#3C7949;
}
.myclass{
h1{
font-size: 25px;
color:#E45456;
}
p{
font-size: 25px;
color:#3C7949;
}
}
}
等价于
.container h1 {
font-size: 25px;
color: #E45456;
}
.container p {
font-size: 25px;
color: #3C7949;
}
.container .myclass h1 {
font-size: 25px;
color: #E45456;
}
.container .myclass p {
font-size: 25px;
color: #3C7949;
}