CSS类与分组ID性能

到处找这个。我非常熟悉CSS类与ID（与选择器）的性能，因为有很多文献，包括在这些论坛中关于这个主题的文献

我想问一下，使用CSS类或组ID是否更好，无论是为了性能还是任何其他优势

榜样

HTML

<p class="para-format">You know something?</p>
<p class="para-format">This is just as good</p>
    ....
<p class="para-format">The last paragraph</p>

vs

我知道这不是我所要求的最好的例子

感谢和问候，

---

-BotRot

两者之间没有可测量的差异，而且由于类的目的是在多个元素上复制相同的样式，因此从语义上讲，使用类更好。您应该过度关注两者之间差异的唯一情况是使用javascript按ID或类名选择元素时，甚至只有在我们谈论数百个元素时。如果您达到了这一点，那么您所获得的微不足道的性能优势将被样式表中所有额外的KB所抵消，这些额外的KB会略微增加加载时间。这两种情况都不会对你的表现产生重大影响，但只要看一眼就可能让你偏头痛

---

为了您自己的理智，请使用类，这样您就不必在添加新元素时更新css选择器。

这绝对没有明显的区别。曾经时期你花在“CSS选择器性能”上的任何时间都是浪费的。如果性能上存在差异，那么它可能非常小，以至于你甚至无法准确地测量它。只需一些信息（有趣的事实）就可以了，256个类将覆盖一个IDClass在CSS中更快，ID在javascript中更快

<p id="para-format-01">You know something?</p>
<p id="para-format-02">This is just as good</p>
    ....
<p id="para-format-0n">The last paragraph</p>

.para-format {color: #000000; margin: 0 auto; ...}

#para-format-01, #para-format-02, ..., #para-format-0n {color: #000000; margin: 0 auto; ...}