CSS类与分组ID性能

Question

搜索这个高低。我对CSS类和ids（vs选择器）性能非常熟悉，因为有很多文献，包括在这些论坛中关于这个主题。

我想问一下，使用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

<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; ...}

VS

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

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

谢谢和问候，   - BotRot

Answer 1

两者之间没有可测量的差异，并且由于类的目的是在多个元素上复制相同的样式，因此在语义上使用类更好。你应该过分关注两者之间的区别的唯一情况是使用javascript按ID或类名选择元素，即使那时我们只谈论数百个元素。如果你达到了这一点，那么你获得的可忽略的性能优势将被样式表中所有额外的千字节所抵消，这些额外的千字节会略微增加加载时间。这两种情况都不会对性能造成太大影响，但如果有可能会给你一个偏头痛只是看它。

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