less之继承 +避免编译
继承用于使一个混合继承另一个规则集里面的内容
怎么说呢,就类似于混合嵌套,不过继承性能更优但是没有混合灵活
继承的方法
用less中的extend()
函数
语法:选择器:extend(规则集名)
这里的规则集就是一个混合去掉括号就是一个规则集,为什么说继承不灵活呢,因为他不能用参数,继承的规则集中不能有参数
或者在选择器的{}
里面写&:extend(规则集名)
这是d3规则集
并不是说用了extend()
就能继承规则集中的所有东西,就比如:hover{}
但是我们可以在规则集名字的后面加一个all
来规定让他能继承规则集中的所有东西
语法:选择器:extend(规则集名 all)
注意用这个继承的extend()
可能会将原规则集里面的本来继承性为no
的东西也继承过来
比如background-color
less避免编译
一般用于html页面自己有能力处理的语句值,可以提高运行速度
可以在less语言中,给某条语句加上~""
来使他不会被less处理编译改变为css语言
语法:属性:~"值"
一般这个只能用于值上面,如果连着把属性名着一整条语句全包括了可能会出错