div.my-class vs. .my-class 有什么好处？ [关闭]

【问题标题】：div.my-class vs. .my-class any benefits? [closed]div.my-class vs. .my-class 有什么好处？ [关闭]
【发布时间】：2016-02-09 22:30:06
【问题描述】：

如果我只在 div 上使用这个类。使用第一个而不是第二个有什么好处吗？

div.my-class

.my-class

【问题讨论】：

您在寻找什么样的好处？第一个选择器比第二个选择器具有更大的特异性，并且只针对 div。除此之外，我不确定你的问题是什么。
如果没有明确的问题需要解决、回答或解决，这纯粹是基于意见的（因此离题）而且，坦率地说，这取决于您是否明确希望使用该类设置所有元素的样式，或者只有 <div> 具有该类的元素，这是两个选择器之间的唯一区别。
你怎么知道你以后不会在相同/不同上下文的非 div 上使用它？
除了理论上让浏览器更容易匹配选择器之外，添加标签名的唯一好处是类名的重用
div.my-class 仅适用于 div 元素。 .my-class 适用于该类的所有内容，因此 p.myclass 和 div.myclass 都将受其管理。

标签： html css

【解决方案1】：

主要好处是您可以根据特定法则覆盖 CSS 文件后面提到的其他样式：https://www.smashingmagazine.com/2007/07/css-specificity-things-you-should-know/

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

CSS：

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

在我的示例中，.test 中文本的颜色将是红色，即使我已经尝试进一步覆盖它...

另一方面，将元素与类本身一起使用的缺点是，如果您尝试将 .test 类附加到 <p> 元素，则这些样式将无法应用...

【讨论】：