学完集成化解决方案,以及自动化工具(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