本节我们将学习Sass的语法。Sass支持两种语法，即SCSS（SassyCSS）和缩进语法（IndentedSass）。缩进语法缩进语法是Sass的原始语法，文件扩展名为.sass，所以有时简称为“Sass”。缩进语法支持与SCSS相同的所有功能，但它使用缩进而不是大括号{}来指示选择器的嵌套，并使用换行符而不是分号来分隔属性。我们来看看缩进的语法格式。示例：创建一个style.sass文件，内容如下。xkdfont-size:14pxcolor:#ccc.boxwidth:100pxheight:100pxborder:1pxsolid#000border-radius:5px可以在这段代码中看到，用缩进代替花括号，还有无需使用分号来分隔每一行的样式属性。因为没有花括号，有些人可能会认为这种语法更简洁易读，但我个人更喜欢使用花括号和分号。SCSSSCSS（SassyCSS）格式是基于CSS3语法的扩展，每一个CSS样式表都是一个等价的SCSS文件。SCSS文件的扩展名为.scss。我们来看看SCSS的代码格式。示例：创建一个style.scss文件，内容如下：.xkd{font-size:12px;颜色：#ccc；.box{宽度：100px；高度：100px；边框：1px实心#000；边界半径：5px；}}缩进语法和SCSS转换上面提到的两种语法格式可以通过@import命令直接导入到另一种格式。并使用sass-convert命令行工具转换为另一种格式。缩进语法转SCSS：sass-convertstyle.sassstyle.scssSCSS转缩进语法：sass-convertstyle.scssstyle.sass例子：比如现在有一个test.scss文件，文件内容如下所示：.div{h3{color:#fefefe;}a{颜色：#000;文字修饰：无；&:hover{颜色：#fefefe;如果我们需要将这个文件的内容转换为缩进语法，可以执行如下命令：sass-converttest.scsstest.sass转换后的缩进语法：.divh3color:#fefefeacolor:#000text-装饰：无&：悬停颜色：#fefefe
