stl和scl编程语言的区别(预处理器lesssassstylus的变量声明有什么不同)
stl和scl编程语言的区别(预处理器lesssassstylus的变量声明有什么不同)3.stylus:2.less :
是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 来说,有嵌套的写法表达逻辑无疑是更完美的。三者在这处的处理都是一样的,使用「&」表示父元素。