嵌套属性 sass特色功能 文件导入

十二月二十六
1.sass预处理技术
框架 样式库 css辅助工具 增加变量
嵌套 混合 导入功能 使sass更好组织管理样式文件

1.1 特色功能
完全兼容css3
增加变量 嵌套 混合 导入功能 
提供控制指令
自定义输出
1.2语法格式
1.21scss

1.22sass
缩进格式 简化格式
1.23相互导入
直接导入 sass-convert转换

写一大串指向页面中同一块样式

嵌套属性 
sass中 除了css选择器 属性也可以嵌套
嵌套规则:属性名从中划线-地方断开
根属性后加冒号:，紧跟一个{}块，把子属性部分
写在这个{}块中，就像css选择器嵌套一样
sass会把子属性一一解开，把根属性与子属性部分通过中划线-连接起来
最后生成效果与手动一遍遍写的css样式一样

层次选择器> +和~
必须与其他选择器配合使用，以指定浏览器仅选择某种特定上下文中元素

同层相邻组合选择器~选择所有跟在article后的同层article元素，不管他们直接隔了多少元素

sass文件导入
css @import规则，允许在css文件导入css文件，只有执行到@import浏览器才会去下载其他css文件
sass的@import在生成css文件就把相关文件导入进来 无需发起额外请求 所有在被导入文件中定义的变量和混合器均可导入文件使用

专门为@import命令所编写sass文件，并且不需要生成相对应独立css文件
这样sass文件称为局部文件

局部文件可以被多个不同文件引用，需要在样式表中对导入的样式做修改 sass有这个功能
即默认变量值

嵌套导入 允许在某一个选择器范围导入sass局部文件
sass允许@import命令写在css规则内，这种导入方式生成对应的css文件时，
局部文件被直接插入css规则内导入它的地方，

css@import原生 被导入文件名字以.css结尾；
被导入文件名字是一个URL地址（http://www.baidu.com/style.css）
被导入文件是css的url()值
不能用sass的@import直接导入原始的css文件，因为sass会认为你想用css
原生的@import 因为sass语法完全兼容css，所以你可以把原始css文件名改为.scss后缀即可导入
静默注释
可帮助样式作者记录写sass过程中想法，原生css中，注释对其他人直接可见
但sass提供一种方式可在生成css文件中按需抹掉1相应注释