嵌套规则与运算(仿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();
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容