博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Sass--混合宏的不足
阅读量:6215 次
发布时间:2019-06-21

本文共 563 字,大约阅读时间需要 1 分钟。

混合宏在实际编码中给我们带来很多方便之处,特别是对于复用重复代码块。但其最大的不足之处是会生成冗余的代码块。比如在不同的地方调用一个相同的混合宏时。如:

@mixin border-radius{
-webkit-border-radius: 3px; border-radius: 3px;}.box {
@include border-radius; margin-bottom: 5px;}.btn {
@include border-radius;}

示例在“.box”和“.btn”中都调用了定义好的“border-radius”混合宏。先来看编译出来的 CSS:

.box {
-webkit-border-radius: 3px; border-radius: 3px; margin-bottom: 5px;}.btn {
-webkit-border-radius: 3px; border-radius: 3px;}

上例明显可以看出,Sass 在调用相同的混合宏时,并不能智能的将相同的样式代码块合并在一起。这也是 Sass 的混合宏最不足之处。

转载于:https://www.cnblogs.com/qjuly/p/9076836.html

你可能感兴趣的文章
windows查看端口占用
查看>>
硬盘的读写原理
查看>>
DenyHosts使用
查看>>
Spring Cloud Finchley.SR1 的学习与应用 8 - 基于consul和git的配置中心
查看>>
Java异常处理最佳实践
查看>>
mdadm使用详解
查看>>
好程序员大数据分享MapReduce中job的提交流程
查看>>
Xcode 8带来的新特性和坑
查看>>
STP
查看>>
Android Local Service
查看>>
kvm虚拟化学习笔记(三)之windows kvm虚拟机安装
查看>>
重启Nginx 报错
查看>>
js,php获取中文长度,比较简洁的方法汇总
查看>>
排查web访问慢故障
查看>>
微信支付获取不到OPENID跳转永远失败的原因 CENTOS6.5 WDCP面板
查看>>
关于inline函数
查看>>
Windows内核新手上路1——挂钩SSDT
查看>>
所有HTTP状态代码及其定义
查看>>
成功主管讲座提纲
查看>>
MySQL创建数据库设置字符编码
查看>>