你的位置:首页 > 软件开发 > 网页设计 > 浅谈stylus与sass的对比

浅谈stylus与sass的对比

发布时间:2015-05-30 12:00:15
all we konw , 这两个都是css的预编译工具,但虽然都是编译工具,但还是存在差别的,下面来讲讲其中的区别1、变量 sass定义变量是以这种形式进行定义的$xxx:10;而stylus的定义方式更加接近 stylus的定义方式跟javascr ...

all we konw , 这两个都是css的预编译工具,但虽然都是编译工具,但还是存在差别的,下面来讲讲其中的区别

1、变量

 sass定义变量是以这种形式进行定义的$xxx:10;而stylus的定义方式更加接近

    浅谈stylus与sass的对比

 stylus的定义方式跟javascript的表达方式一样(对于写js的人来说可能更为直观)

浅谈stylus与sass的对比

 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 (#换成@)。

可能感兴趣文章

我的浏览记录