快捷搜索:  汽车  科技

stl和scl编程语言的区别(预处理器lesssassstylus的变量声明有什么不同)

stl和scl编程语言的区别(预处理器lesssassstylus的变量声明有什么不同)3.stylus:2.less :

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

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

1. sass:


stl和scl编程语言的区别(预处理器lesssassstylus的变量声明有什么不同)(1)


2.less :


stl和scl编程语言的区别(预处理器lesssassstylus的变量声明有什么不同)(2)


3.stylus:

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


stl和scl编程语言的区别(预处理器lesssassstylus的变量声明有什么不同)(3)

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

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

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

嵌套

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


猜您喜欢: