嵌套规则与运算（仿HTMl）

& 当前选择器的父选择器

p,a,ul,li{
    & &{
        border-top:20px ;
    }
}

列出所有可能
2.运算就是小学运算（至少带一个单位）
颜色运算（转化rgb模式再运算0~255）
单词不能运算
3.函数

#bacoloc(){
    .a{
        font-size: 100px;
    }
}
 #bacoloc>.a;

省略写法

#bacoloc .a;

(import)原样编译到css文件中（不需要后缀）

@import 'url'

不加工他

@import{*}"url"

4.关键字important

子属性所有添加！important

5.条件表达式

when
.loop(@counter)when(@counter>0){
.width:10px
}

6.循环
集合自己调用自己

.loop(@counter)when(@counter>0){
.loop(@counter-1)
.width:10px
}

动态生成好多样式

image.png

7.合并属性(+以，分割；+_以空格分开)

background+_：#ccc;
background+_：url();