锐客网

  1. 首页 > it技术 > >

嵌套规则与运算（仿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 }

动态生成好多样式
嵌套规则与运算（仿HTMl）
文章图片
image.png 【嵌套规则与运算（仿HTMl）】7.合并属性(+以，分割；+_以空格分开)
background+_：#ccc; background+_：url();

    推荐阅读


    上一篇：依偎在古树旁的古井

    下一篇：下班前一秒，老板头像又闪了