学习 less 英文文档 （二）

Question

父级选择器 伪元素使用的方式是 a { color: blue; &:hover { color: green; } } 经典使用方式是.button { &-ok { }; } 编译出来是 .button-ok{} 复用的使用方式是：.button { & ${ }; } 编译出来是 .button .button {} 注意： 如果有嵌套，会把所有父类类名都复用。 混入 mixin 1.混入类和 id 选择器。 声明.a ,#b{ } 使用.minxin {.a() ; #b()} 注意：使用的时候，可以不加圆括号，最佳实践 加上。 注意：声明 mixin 的时候，如果加上了园括号，表示这个不编译。如果不加园括号，就跟正常的样式一样编译。 2.mixin 中使用嵌套选择器 在 mixin 声明中，可以使用嵌套选择器。 3.命名空间 为了防止冲突，可以把所有 mixin 放到一个命名空间里面。比如 #项目名() ，命名空间和 mixin 之间不推荐使用空格和> 4.!important 关键字 在调用 mixin 的圆括号后面添加!important，编译出来的属性都会带上!important 5.mixin 参数 可以在 mixin 圆括号里面传递参数，参数的形式是@Parmas 。 可以设置默认参数，参数的形式是@Parmas: 5px。 参数可以是名字的新式，比如 BNU 6.命名参数 可以通过名字，而不是位置来进行参数的设置。 7.rest 变量 跟 es6的扩展运算符一样，使用…把参数传递进去。 8.覆盖 mixin 跟 CSS 一样，只需要写一个一样的，但是属性值不同，就可以覆盖掉，一般用在引入别的 mixin 库时。 9.递归混合 mixin 可以使用递归来使用，也就是在 mixin 里面调用 mixin，不过需要设置好递归终止条件。 10.mixin 守卫 使用 when 关键字来进行判断，跟 if else 差不多。有点类似媒体查询。 可以搭配 and 关键字来进行。