less预编译器 中的继承
我的逻辑是,写三个按钮.
第一个按钮的样式自己写,下面两个通过继承方法来实现.
我们来分解一下.
less 样式
html片段
编译后的css
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-can67qUJ-1578038579678)(https://cdn.sinaimg.cn.52ecy.cn/large/005BYqpgly1g304mwmowbj30b10agdgu.jpg)]
实现效果
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-9JUgkRTf-1578038579679)(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
自己公司需求 偶然间 用了一家第三方接口供应商,产品应有尽有,很齐全,对接文档非常详细,彼此都很节约时间,主要非常稳定,包括服务方面很给力,有兴趣的博友,可以联系他,算是对合作伙伴的支持了