0

自从我读到这篇文章以来，我有个问题一直困扰着我。我有一个普遍的看法，即具有多个元素的 CSS 选择器向后工作，并且该键选择器决定了很多效率，因为它缩小了由前缀规则选择的 DOM 元素的数量。

然而，这让我感到困惑。即与新的 HTML5<header>等（块样式标签）有关。我使用<header>等标签来避免使用<div class="header">. <header>如果我最终不得不写<header class="header">来提高效率，我为什么还要费心使用效率 POV 中的标签。

同样在一般意义上，您对选择器的通用结构的建议是什么？以下面的文档为例：编辑我很抱歉，我忘了说明哪个元素。在这种情况下，您的<img>标签选择器将是什么。

<header>
    <div>
        <img src="http://www.google.com/" />
    </div>
</header>

最后，这对相关网页的效率有多大影响？是否值得考虑（在 gzip、JS 在 DOM 中放置、缩小等之后）还是只是吹毛求疵？谢谢你的时间！

4

1 回答 1

2

根据我的经验，对于正常大小的 html 文档，选择器的性能可以忽略不计。*如果您没有高性能站点，您只需要尽量避免编写低效的怪物选择器（ 、属性和伪类/元素选择器）。

你不会注意到header和div.header选择器之间的区别，最好把时间花在别处。

于 2013-07-02T13:02:50.797 回答