CSS 选择器，标记名 + 类 vs 类

Question

让我们想象一下非常简单的情况:

div.className{}

对比

.className{}

哪个选项更快，为什么？

Answer 1

.className{} 下载速度更快，因为 css 文件较小。

渲染页面时也更快，因为不需要寻找 div 元素。

指南来自 google :

Avoid qualifying ID and class names with type selectors. Unless necessary (for example with helper classes), do not use element names in conjunction with IDs or classes.

Avoiding unnecessary ancestor selectors is useful for performance reasons .