div.my-class vs. .my-class有什么好处？

Question

如果我只在div上使用这个类。使用第一个超过第二个是否有任何好处？

body { font-family: "Arial" }
strong { font-family: "Arial Bold"; } 

Answer 1

主要的好处是你可以通过特殊性法则覆盖CSS文件中进一步提到的其他样式：https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

举个例子：https://jsfiddle.net/uuav5c5s/

<div class="test">
    Content
</div> 

CSS：

div.test {
  color: red;
}
.test {
  color: green;
}

在我的例子中，.test中文字的颜色会显示为红色，即使我已尝试将其覆盖在线下......

另一方面，在类本身旁边使用元素的缺点是，如果您尝试将.test类附加到<p>元素，那么这些样式将不会适用。