sass
参考: https://www.sass.hk/guide/ 文章目录 sass快速入门 使用变量 嵌套CSS 规则 导入SASS文件 静默注释 混合器(函数+参数+默认参数) 使用选择器继承来精简CSS(函数的类) 常见问题 中文文档 特色功能 (Features) 语法格式 (Syntax) sass快速入门 大概使用情况: 变量( $ ),混入( @mixin :函数+参数+默认参数),继承( @extend ), >精简代码 嵌套,静默注释( // ),导入( @import ), >可读性更好 使用变量 把反复使用的css属性值 定义成变量; sass使用 $ 符号来标识变量; 当变量定义在css规则块内,那么该变量只能在此规则块内使用(有作用域); 变量值也可以引用其他变量; 变量名推荐使用中划线; 声明变量: $ highlight-color : #F90 ; $ basic-border : 1px solid black ; // 多属性值 变量作用域 $nav - color : # F90 ; nav { $width : 100 px ; width : $width ; color : $nav - color ; } //编译后 nav { width : 100 px ; color : # F90 ; } 变量值也可以引用其他变量。 $