我想知道以下哪些示例会更好。如果性能相同,哪一个读得更好?
示例1(重复选择器)
.helpfulCommenter, .questionTroll {
color: #f00;
}
.questionTroll {
text-decoration: line-through;
}
或
示例2(重复样式)
.helpfulCommenter { color: #f00; }
.questionTroll { color: #f00; text-decoration: line-through; }
我知道类名不是语义,这里展示的特定样式是无关紧要的。我只是想知道哪些浏览器更容易解析和实现。
答案 0 :(得分:2)
性能差异非常微小,无关紧要。
回避示例2,如果被滥用,很可能会成为一种维护问题。