Html CSS类和id之间的处理速度差异

对于这个问题，我只是比较浏览器在两个元素上呈现CSS的速度，这两个元素的不同之处在于一个有类，一个有id

（这与JS标识、锚点使用等无关）

classed元素
ided元素

有人有这个号码吗？我曾读到CSS ID“更快”，但速度有多快？我想冒昧地猜测一下，它可以忽略不计，但知道它会很有趣。

ID在某些情况下更快，但并非所有情况下都更快

人们普遍认为ID选择器是最快的，但这有一个很大的警告：ID是最快的CSS选择器，前提是它们是键选择器。那是什么？嗯，虽然您可能从左到右读取选择器，但浏览器从右到左读取选择器

对于您的数字请求，这里还有一个性能测试：

结论

正确使用ID的速度更快，但与类相比差异如此之小，因此不值得考虑

在我看来，没有令人信服的理由在选择器中使用ID来设置CSS样式，因为CSS类可以做ID所能做的一切。希望你会同意有一些很好的理由不这么做。下次启动个人项目或重新设计自己的站点时，请考虑一下，然后尝试添加一个类（或ARIA landmark角色）来进行样式设计。保存片段标识符或JavaScript挂钩的ID

---

你是指元素的实际呈现还是在DOM中查询元素？我在问题中确实使用了“呈现”一词，但我想我真的在考虑查询DOM以便呈现。网站已关闭：C WebArchive链接：

<div class="myclass">classed element</div>
<div id="myid">ided element</div>