css - 设置 CSS 样式的更好方法是什么？

Question

例如，您需要 float 一堆元素。

选项 1 - 链元素

#elm1, #elm2, #elm3, #elm4 {float:left}

选项 2 - 向元素添加类似的类

.float {float:left}

选项 3 - 单独向类添加样式

#elm1{float:left}
#elm2{float:left}
#elm3{float:left}
#elm4{float:left}

我更喜欢 1，但我不知道它对速度的影响有多大，还有其他选择吗？这是什么约定？

Answer 1

http://css-tricks.com/efficiently-rendering-css/似乎说 ID 是最有效的，尽管恕我直言，我认为该类更清晰，更准确地表示您要表达的内容。

来自谷歌的文章@http://code.google.com/speed/page-speed/docs/rendering.html#UseEfficientCSSSelectors

“避免使用通用键选择器。 允许元素从祖先继承，或使用类将样式应用于多个元素。”

所以，我认为最佳实践是使用类。恕我直言，它干净易读。