我一直很好奇CSS样式的哪种方法更快(渲染明智),然后从简单的最佳实践角度来看哪种方法更有意义(我会说很主观？).
我可以创建基类,如：
.rounded-corners-5 {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
要么
我可以使用另一种方法将样式应用于多个ID /类：
#Box1,#header,#container,.titles { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
解决方法
我同意tster：第一个意味着在HTML中添加一个可视化命令(总是要注意具有描述其外观而不是其目的的名称的类).如果它确实具有逻辑目的(例如.section),那么它可能更清晰.否则我会使用第二个版本.
你真正遭受的是CSS缺乏抽象,这意味着你往往会受到重复和/或奇数分组的影响,以避免重复.您可能希望查看this article about Sass.一般的想法是您编写一个Sass文档(它不是CSS但类似),然后将其编译成一个css文档然后部署.
