循环也可以这样写
@each $social-network,$social-color in $social-colors {
.btn-#{$social-network} {
color: colors($social-color); // 直接用第二个变量
}
}
@each $social-network,$social-color in $social-colors {
.btn-#{$social-network} {
color: colors($social-color); // 直接用第二个变量
}
}
2017-03-29
第一个示例中编译出来不是
.error.intrusion, .seriousError.intrusion {
background-image: url("/image/hacked.png"); }
而是
.error.intrusion, .intrusion.seriousError {
background-image: url("/image/hacked.png"); }
.error.intrusion, .seriousError.intrusion {
background-image: url("/image/hacked.png"); }
而是
.error.intrusion, .intrusion.seriousError {
background-image: url("/image/hacked.png"); }
2017-03-24
.hoverlink {
@extend a:hover;
}
.comment a.user:hover {
font-weight: bold;
}
编译出来的CSS
.comment a.user:hover, .comment .user.hoverlink {
font-weight: bold; }
不明白这样的继承方式,有什么规律可循吗
@extend a:hover;
}
.comment a.user:hover {
font-weight: bold;
}
编译出来的CSS
.comment a.user:hover, .comment .user.hoverlink {
font-weight: bold; }
不明白这样的继承方式,有什么规律可循吗
2017-03-24
不明白@each $social-network,$social-color in ,each in 中间部分的含义
2017-03-23