Bootstrap CSS 编码规范之单行规则声明

单行规则声明

对于只包含一条声明的样式，为了易读性和便于快速编辑，建议将语句放在同一行。对于带有多条声明的样式，还是应当将声明分为多行。

这样做的关键因素是为了错误检测。如，CSS 校验器指出在 183 行有语法错误。如果是单行单条声明，你就不会忽略这个错误；如果是单行多条声明的话，你就要仔细分析避免漏掉错误了。

1. /* Single declarations on one line */
2. .span1 { width: 60px; }
3. .span2 { width: 140px; }
4. .span3 { width: 220px; }
6. /* Multiple declarations, one per line */
7. .sprite {
8.   display: inline-block;
9.   width: 16px;
10.   height: 15px;
11.   background-image: url(../img/sprite.png);
12. }
14. .icon           { background-position: 0 0; }
15. .icon-home      { background-position: 0 -20px; }
16. .icon-account   { background-position: 0 -40px; }

    关于作者

    歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。