學完集成化解決方案,以及自動化工具(webpack/npm script/ yeoman/ bower/gulp), 這個就沒啥用了!不是說scss沒用,是說不再要需要這么去編譯了哈!
2018-01-30
.box{
border: {
top: 1px solid $color;
bottom: 1px solid blue;
};
font: {
size:12px;
weight:bold;
}
}
border: {
top: 1px solid $color;
bottom: 1px solid blue;
};
font: {
size:12px;
weight:bold;
}
}
2018-01-28
這個很好理解,也很好用。就是為了方便組件化開發設計的。
先寫一個最基本的結構,然后再根據需要,在其外層包裹不同的標簽,這樣就可以將不同的地方都區分開了。
nav {
a {
color: red;
header & {
color: green;
}
div.class1 & {
color:yellow;
}
div.class2 & {
color: aqua;
}
}
}
先寫一個最基本的結構,然后再根據需要,在其外層包裹不同的標簽,這樣就可以將不同的地方都區分開了。
nav {
a {
color: red;
header & {
color: green;
}
div.class1 & {
color:yellow;
}
div.class2 & {
color: aqua;
}
}
}
2018-01-28
>1.不可以在變量中使用:margin-top: $margin-#{$size};
>2.不可以在調用mixin中使用:@include updated-#{$flag};
>2.不可以在調用mixin中使用:@include updated-#{$flag};
2018-01-25
$與PHP如出一轍,sass風格與Python基本一致,編程語言果然是天下一家親,你中有我,我中有你。以后看到類似的情形千萬不要說抄襲,難聽,要說借鑒,懂嗎?!或者同行評審,懂嗎?!
2018-01-23