all we konw , 这两个都是css的预编译工具,但虽然都是编译工具,但还是存在差别的,下面来讲讲其中的区别1、变量 sass定义变量是以这种形式进行定义的$xxx:10;而stylus的定义方式更加接近 stylus的定义方式跟javascr ...
all we konw , 这两个都是css的预编译工具,但虽然都是编译工具,但还是存在差别的,下面来讲讲其中的区别
1、变量
sass定义变量是以这种形式进行定义的$xxx:10;而stylus的定义方式更加接近
stylus的定义方式跟javascript的表达方式一样(对于写js的人来说可能更为直观)
p.s 在sass里面,如果有全局变量, 局部变量都同名的话, 局部变量会覆盖全局变量
------------- sass1 -----------------
$white :#fffbody{ $white : #ccc; color : $white}.nav{ color : $white}
------------- sass2 -----------------
$white :#fff//加上了!global 属性之后,上一行这个$white :#fff删掉也不会报错。 !global 在sass3.3及以后的版本才实现body{ $white : #ccc !global; //这样子写的话就算没有第一行的#fff 亦不会编译错误,因为!global 指定这个变量为全局变量了, color : $white}.nav{ color : $white}
------------------------------- sass ----------------------
Syntax error: Can't extend form button: can't extend nested selectors // 解析错误: 无法继承自 button: 不能继承嵌套选择器 on line 6 of standard input Use --trace for backtrace.
------------------------------- stylus ----------------------
body padding 5px 10px
原标题:浅谈stylus与sass的对比
关键词:
*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:
admin#shaoqun.com
(#换成@)。