在可维护性和性能方面，哪种CSS代码片段更好
在可维护性和性能方面，哪种CSS代码片段更好
提问于 2013-04-17 17:06:23
我有两个代码片段。
下面是代码片段1：
#question-title-1 {
cursor:pointer;
color:blue;
padding:10px;
}
#question-title-2 {
cursor:pointer;
color:red;
padding:10px;
}代码片段2：
#question-title-1 , #question-title-2 {
cursor:pointer;
color:blue;
padding:10px;
}
#question-title-2 {
color:red;
}哪一个更好?为什么？我更喜欢2，因为它需要更少的代码行。另一方面，我认为重新定义颜色属性会导致浏览器重新绘制。
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-04-17 17:08:17
我将使用3个CSS声明，这样您就不会做任何覆盖或重复的属性：
#question-title-1,
#question-title-2 {
cursor:pointer;
padding:10px;
}
#question-title-1 {
color:blue;
}
#question-title-2 {
color:red;
}这是更多的行数，但减少行数不应该出现在结构化CSS的前面。
Stack Overflow用户
发布于 2013-04-17 17:10:30
对我来说，第二个可能是更好的，但我相信第三个选择是最好的：
#question-title{
cursor:pointer;
padding:10px;
}
#title-question{
color:red;
}
#title-answer{
color:red;
}然后使用：
<div class="question-title title-question">Stack Overflow用户
发布于 2013-04-17 17:08:29
我会说是第二个。而不是重复相同的代码。当有反映两者的更改时，您只需更改它一次。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16055945
复制相关文章
相似问题
腾讯云开发者
