css - CSS 选择器：Class 与 Id

Question

如果想要在速度、加载时间等方面获得更好的性能，我已经阅读过 JavaScript（也包括 jQuery）中使用的那种类型的选择器。

这同样适用于 CSS 吗？如果是这样，哪种选择器更适合在 DOM 中使用：id、类或嵌套？我在这里谈论某些元素（例如特定的<ul>而不是<ul>一般的全部）。

score 2 · Accepted Answer

我怀疑 CSS 会在加载时间和速度方面造成很大的渲染问题。根据我的经验，我得出的结论是你应该让你的 CSS 保持简洁。我见过这样的事情：

.element1 {...}
   .element1 #element2 {...}
   .element1 #element2 .element3 {...}

但我宁愿尽可能使用独特的选择器，并将它们简单地描述为：

.element1 {...}
 #element2 {....}

在我看来，优化 CSS 非常棘手，你应该小心翼翼地去做。

score 0 · Accepted Answer

页面上的两个 HTML 元素不能相同id，因此对于单个元素处理，最好使用 ID。同一类可以被许多元素使用，因此对于组操作，使用类是好的。在性能方面，两者都适用于我

score 0 · Accepted Answer

正如我多次阅读的那样，ID 查找元素比类更快，因为具有 ID 的元素存储为哈希表并且搜索速度更快。

不幸的是，我不知道有任何资源可以证明或拒绝这一点，但正如我已经说过的那样，我已经看到了很多这样的陈述。

3 回答 3