search

wonderfan / javascript

Explore the power of HTML,CSS and JavaScript
1 stars 0 forks source link

SASS Guide #38

Closed wonderfan closed 9 years ago

wonderfan commented 9 years ago

SASS允许使用变量，所有变量以$开头。

如果变量需要镶嵌在字符串之中，就必须需要写在#{}之中。

wonderfan commented 9 years ago

在嵌套的代码块内，可以使用$引用父元素。

wonderfan commented 9 years ago

SASS共有两种注释风格。 标准的CSS注释 /* comment _/ ，会保留到编译后的文件。 单行注释 // comment，只保留在SASS源文件中，编译后被省略。 在/_后面加一个感叹号，表示这是"重要注释"。即使是压缩模式编译，也会保留这行注释，通常可以用于声明版权信息。

wonderfan commented 9 years ago

SASS允许一个选择器，继承另一个选择器。比如，现有class1

class2要继承class1，就要使用@extend命令：

wonderfan commented 9 years ago

Mixin有点像C语言的宏（macro），是可以重用的代码块。 使用@mixin命令，定义一个代码块。 使用@include命令，调用这个mixin。

wonderfan commented 9 years ago

mixin的强大之处，在于可以指定参数和缺省值。 使用的时候，根据需要加入参数

wonderfan commented 9 years ago

@import命令，用来插入外部文件。

wonderfan commented 9 years ago

SASS允许用户编写自己的函数: @function directive