0

以下哪一项被认为是最佳（即更好）的做法？

#anElement {
    font-size:1em;
    color:white;
}

/* other stuff */

#anElement {
    width:100px;
    margin-bottom:10px;
}

或者

#anElement {
    background-color:black;
    color:white;
    font-size:1em;
    margin-bottom:10px;
}

换句话说：我应该尽可能地干燥CSS，还是应该分别处理排版和总体布局，甚至在单独的文件中？

4

3 回答 3

0

第一个选项是完全可以接受的，并且某些 CSS 缩小器无论如何都会将它们组合成一个。我肯定会考虑使用缩小器，因为第一个选项可以生成更具可读性/可维护性的代码，尤其是在分成多个文件时。

于 2012-07-05T14:17:41.953 回答
0

拥有多个样式表会损害您的页面性能。如果您想以这种方式组织您的 css，请考虑使用诸如http://sass-lang.com/之类的预处理器。

于 2012-07-05T15:11:53.627 回答
0

组合它们，但给属性一个逻辑分组。有几种方法可以将它们分组；您可以按字母顺序或逻辑顺序（文本属性在一起，边距-填充在一起等）。

请参阅CSS Property Order，由 Bootstrap 的创建者 Mark Otto 编写。

另外值得注意的是，在一个简单的样式示例中，例如您提供的示例，您应该问自己一个问题......是否有可能部分/所有这些代码可能会在页面上的其他位置重用？也许有几个 div 可以使用相同的样式。那么你应该使用一个类而不是一个id。

于 2012-07-05T17:16:59.810 回答