我想知道下列哪个例子会表现更好。如果表现相同,哪一个更好?哪个更快:重复样式或重复选择器?
实施例1(重复选择器)
.helpfulCommenter, .questionTroll { color: #f00; }
.questionTroll { text-decoration: line-through; }
或
实施例2(重复样式)
.helpfulCommenter { color: #f00; }
.questionTroll { color: #f00; text-decoration: line-through; }
我知道的类名称是不是语义的,这里展示的特定风格是无关紧要的。我只想知道这些浏览器中的哪些浏览器可以更轻松地解析和实现。
这可能会影响浏览器的性能,很大程度上取决于您拥有的元素和选择器的数量。但最终,这里的性能差异并不重要 - 选择哪一个更具语义意义。 – 2012-03-08 02:54:21
类名称违反了最佳实践(您正在将这些值(“红色”,“粗体”)硬编码到类名称中)。你应该想出更好的(适当的)名字...... – 2012-03-08 02:55:22
@ŠimeVidas:我确信这些只是他提出的例子。 – xbonez 2012-03-08 02:58:55