四时宝库

程序员的知识宝库

预处理器less,sass,stylus的变量声明有什么不同?带有限定符

是sass、less、stylus的特点分别是:

变量
Sass:使用「$」对变量进行声明,变量名和变量值使用冒号进行分割;
Less:使用「@」对变量进行声明;
Stylus:直接变量名和变量值之间对变量进行声明,『=』连接。

1. sass:



2.less :



3.stylus:

可以没有冒号,没有分号,没有花括号,有点反人类.......


以上三种写法都如同一下这种css:

body {  color: #092873;  
            border: 1px dotted #092873;  
            max-width: 1024px;
     }

作用域
Sass:它的方式是三者中最差的,不存在全局变量的概念;
Stylus 和 Less:它的方式和 js 比较相似,逐级往上查找变量;

嵌套

对于 css 来说,有嵌套的写法表达逻辑无疑是更完美的。三者在这处的处理都是一样的,使用「&」表示父元素。


发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接