CSS 类与分组 ID 性能

Question

搜索此高点和低点。我非常熟悉 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>

对比

<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>

CSS；

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

对比

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

我知道这不是我要问的最好的例子。

感谢和问候， - 机器人机器人

Answer 1

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

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