css less 不要作用到子对象_预处理器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 来说，有嵌套的写法表达逻辑无疑是更完美的。三者在这处的处理都是一样的，使用「&」表示父元素。