BootstrapCSS规范中，如何将单行规则声明改写成长尾词？

本文共计440个文字，预计阅读时间需要2分钟。

单行规则声明：适用于仅包含一条声明的样式，为了提高可读性和便于快速编辑建议将句子放在同一行。对于包含多条声明的样式，仍应将声明分多行。

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

单行规则声明

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

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

/* Single declarations on one line */

.span1 { width: 60px; }

.span2 { width: 140px; }

.span3 { width: 220px; }

/* Multiple declarations, one per line */

.sprite {

  display: inline-block;

  width: 16px;

  height: 15px;

  background-image: url(../img/sprite.png);

}

.icon           { background-position: 0 0; }

.icon-home      { background-position: 0 -20px; }

.icon-account   { background-position: 0 -40px; }

关于作者

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