less预编译器 中的继承

less预编译器 中的继承

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

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

我们来分解一下.

less 样式

html片段

编译后的css

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uyuz2mzN-1578038558252)(https://cdn.sinaimg.cn.52ecy.cn/large/005BYqpgly1g304mwmowbj30b10agdgu.jpg)]

实现效果

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-AQIA93SE-1578038558253)(https://cdn.sinaimg.cn.52ecy.cn/large/005BYqpgly1g304lizd1hg31ey0o4u11.jpg)]

结果

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

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

好了,就这样.

欢迎来我的github主页玩:

https://github.com/xunyegege

闲聊时刻

---

10年短信公司，互联网100强企业！主营业务：短信（国内和国际）App H5一键免密登录，防薅羊毛接口，图片OCR，空号检测，活跃号检测，人证核验，活体检测，高防ddos攻击等等200多个企业服务接口！需要的联系他13592366783 官方链接：https://zz.253.com/v5.html#/register?uid=1953

自己公司需求 偶然间 用了一家第三方接口供应商，产品应有尽有，很齐全，对接文档非常详细，彼此都很节约时间，主要非常稳定，包括服务方面很给力，有兴趣的博友，可以联系他，算是对合作伙伴的支持了

---