差不多這樣:聲明一個(gè)對(duì)象$propertites,內(nèi)部有兩個(gè)參數(shù)(margin,padding)。定義一個(gè)混合宏set-value,里面有兩個(gè)參數(shù)$side,$value。在set-value里定義一個(gè)局部變量$prop,為$propertites的子類,設(shè)置$prop的格式是($prop-$side:$value)
Class login-box 調(diào)用set-value混合宏,set-value參數(shù)為top,14px,根據(jù)$prop,此處為$prop-top:14px;,又因?yàn)?prop在$propertites內(nèi),所以$prop為margin和padding。因此輸出CSS結(jié)果為右邊的結(jié)果
Class login-box 調(diào)用set-value混合宏,set-value參數(shù)為top,14px,根據(jù)$prop,此處為$prop-top:14px;,又因?yàn)?prop在$propertites內(nèi),所以$prop為margin和padding。因此輸出CSS結(jié)果為右邊的結(jié)果
2017-03-31
webstorm配置環(huán)境的可參考 http://blog.csdn.net/ernijie/article/details/51672346
2017-03-29
這種compressed是上線時(shí)候做的 文件能從幾百幾千k省到幾十k 性能上的優(yōu)化
2017-03-28
CSS代碼分行寫 好處大一點(diǎn) 便于維護(hù)吧 等到上線的時(shí)候 那時(shí)候再需要壓縮的
2017-03-28
& 這里是父選擇符
nav {
a {
color: red;
header & {
color:green;
}
}
}
相當(dāng)于
nav {
a {
color: red;
header a {
color:green;
}
}
}
nav {
a {
color: red;
header & {
color:green;
}
}
}
相當(dāng)于
nav {
a {
color: red;
header a {
color:green;
}
}
}
2017-03-27