已采納回答 / 程序攻城獅
一層嵌套的就直接map-get($map, key1),兩層嵌套的就map-get(map-get($map, key2), key-1),以此類推...
2017-03-29
循環也可以這樣寫
@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