前端规范之CSS, SCSS-1
2020-01-17 本文已影响0人
竹立荷塘
缩进
使用soft tab(4个空格)。
分号
每个属性声明末尾都要加分号。
空格
以下几种情况不需要空格:
· 属性名后
· 多个规则的分隔符','前
· !important '!'后
· 属性值中'('后和')'前
· 行末不要有多余的空格
以下几种情况需要空格:
· 属性值前
· 选择器'>', '+', '~'前后
· '{'前
· !important '!'前
· @else 前后
· 属性值中的','后
· 注释'/*'后和'*/'前
空行
以下几种情况需要空行:
· 文件最后保留一个空行
· '}'后最好跟一个空行,包括scss中嵌套的规则
· 属性之间需要适当的空行,具体见属性声明顺序
换行
以下几种情况不需要换行:
· '{'前
以下几种情况需要换行:
· '{'后和'}'前
· 每个属性独占一行
· 多个规则的分隔符','后
注释
注释统一用'/* */'(scss中也不要用'//'),具体参照右边的写法;
缩进与下一行代码保持一致;
可位于一个代码行的末尾,与代码间隔一个空格。
引号
最外层统一使用双引号;
url的内容要用引号;
属性选择器中的属性值需要引号。