less预编译器 中的继承

我的逻辑是,写三个按钮.

第一个按钮的样式自己写,下面两个通过继承方法来实现.

我们来分解一下.

less 样式

less预编译器 中的继承

html片段

less预编译器 中的继承

编译后的css

less预编译器 中的继承

实现效果

less预编译器 中的继承

结果

我们可以看到,第三个框子实现了跟第一个一样的效果.

正是因为其在继承时使用了 all // &:extend(.first all);

好了,就这样.

欢迎来我的github主页玩:

https://github.com/xunyegege


相关文章: