CSS选择器,标记名+类与类

Question

让我们想象很简单的情况:

div.className{}

VS

.className{}

哪个选项更快,为什么？

Answer 1

.className{} 由于css文件较小,下载速度更快.

渲染页面时也更快,因为不需要查找div元素.

来自谷歌的指南:

避免使用类型选择器限定ID和类名.除非必要(例如使用帮助程序类),否则不要将元素名称与ID或类结合使用.

出于性能原因,避免使用不必要的祖先选择器很有用.