在CSS中引用类的最佳实践

Question

例如,如果你有一个带有元素类的HTML页面<div class="myClass">,那么最好在CSS中引用它作为.myClass或者div.myClass？

Answer 1

div.myClass使样式声明更具体.换句话说,它需要更高的优先级.因此,当你有许多开发人员加入项目并且人们添加类似没有明天的类时,指定它以避免CSS冲突有时是一件好事.换句话说,如果你让Bob加入:

.myClass {
  color: red;
}

和莎拉补充道:

div.myClass {
  color: blue;
}

当你得到时,莎拉的班级将胜过鲍勃的班级:

<div class="myClass">Sarah FTW</div>

您可以通过使用ID指定它来使其更具体,但这超出了您的问题的范围.:)