Css 分区选择器与选择器

在css中，我看到div.selector和selector都被用来定义特定选择器的样式规则

当我写自己的CSS文件时，我和其他人之间的差异是什么？ 选择器只针对具有选择器类的div元素。 .selector以类为.selector的所有元素为目标，而不仅仅是div 所以，如果您知道将要应用css的元素就是标记名，请在该元素前面加上前缀。后一种方法更通用，以具有指定类的所有元素为目标。然而，你应该尽可能的具体

如果您知道只有div元素将具有.selector类，那么就性能而言，使用特定的选择器更好，例如div.selector，而不是.selector，后者将查找页面上的所有元素，但最终将仅将这些样式应用于div。

div.selector是比.selector更为特定的选择器

例如，您有以下HTML：

<a href="" class="selector">Link</a>
<div class="selector"></div>

---

选择器div.selector只匹配div where.selector选择两个元素。

如前所述，在类前面加上元素名ie:div.selector将只选择div元素，但不包括任何其他元素。考虑到这一点，您可以创建可应用于多个元素和/或针对单个元素的类

就可读性而言，为类添加前缀可以帮助您和您的团队识别css中的元素。然而，就一般最佳实践和性能而言，通常建议您尽量避免在类和id声明前加前缀，因为这会给用户的浏览器引擎带来额外的工作

通过在类前面加前缀，例如：divselector或div.selector，浏览器必须找到该类，然后确定该类是否为div类型。虽然做这件事所需的时间可能微不足道，但我觉得这仍然值得一提

以下是一些关于绩效和实践的有用链接：

及

---

根据我的理解，在性能方面，使用特定元素并不更好，因为浏览器的渲染引擎必须检查应用了类的元素在本例中是否为“div”元素。这篇mozilla文章强调了这一点：