sass 使用,快捷方法
sass-convert命令行工具,可以将一种语法转换成另外一种语法。sass与scss之间的切换。
sass,不适用大括号和分号;另一种是scss文件,这种和我们平时写得css文件格式差不多,使用大括号和分号。scss后缀名的文件要求比较严格。
sass变量声明和css属性的声明很像。任何可以用作css属性值的赋值都可以用作sass的变量值,甚至是以空格分隔的多个属性值,变量可以在css规则块定义之外存在。当变量定义在css规则块内,那么该变量只能在此规则块内使用。
嵌套CSS规则 :css中重复写选择器是非常恼人得。如果要鞋一大串指向页面中同一块的样式时,往往需要一遍又一遍的写一个ID。这种情况,sass可以只写一遍,且样式可读性更高。可以像俄罗斯套娃那样在规则块中嵌套规则块。
大多数情况下这种简单都没问题,但是有些场景下不行,比如你想要在嵌套的选择器里边立刻应用一个类似:hover的伪类。为了解决这种情况,sass提供了一个特殊结构&。父选择器的标识符&.
一般情况下,sass在解开一个嵌套规则时就会把父选择器通过一个空格连接到子选择器的前边行程。这种在css里边被称为后代选择器,因为它选择ID为content得元素内所有命中选择器的元素。假如使用伪类时,会将规则应用到全部子元素。解决之道为使用一个特殊的sass选择器,即父选择器。
群组选择器。sass的嵌套特性也可以使用群组选择器。
css有一个特别不常用的特性,即@import规则,它允许在一个css文件中导入其他css文件。然而,后果是只有执行到@import时,浏览器才会去下载其他css文件,这导致页面加载起来特别慢。
sass也有一个@import规则,但不同得是,sass的import规则在生成css文件时就把相关文件导入进来。这意味着所有香港馆的样式被归纳到了同一个css文件中,而无需发起额外的下载请求。
一般情况下,反复声明一个变量,只有最后一处声明有效且覆盖前边的值。使用sass的!default标签可以实现使用默认值。
这个东西还是得边用边学。以后项目中多用吧,然后把以前项目改成这种,以解决我的自适应问题。
摘抄:http://www.sasschina.com/guide/