0

搜索了这个高低。我非常熟悉 CSS 类与 ids(与选择器)的性能,因为有很多文献,包括在这些论坛中关于这个主题的。

我想问一下使用 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; ...}

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

谢谢和问候,-BotRot

4

1 回答 1

2

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

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

于 2013-05-09T12:32:27.977 回答