CSS选择器：类与Id

我已经读到，如果想要在速度、加载时间等方面获得更好的性能，JavaScript中使用的选择器类型（jQuery也是如此）很重要

---

这同样适用于CSS吗？如果是这样，在DOM中使用哪个选择器更好：id、类，或者嵌套？我在这里讲的是某些元素（比如一个特定的

，而不是所有的

。
一个页面上的两个HTML元素不能有相同的
id
，所以对于单个元素的处理，最好使用id。。
同一个类可以被许多元素使用，所以对于组操作，最好使用类。。
在性能方面，这两种方法对我都很有用，因为我已经读过很多遍了，ID查找元素的速度比类快，因为ID元素存储为哈希表，搜索速度更快

不幸的是，我不知道有什么资源可以证明或拒绝这一点，但正如我已经说过的，我已经看到了很多此类声明。
我怀疑CSS可能会在加载时间和速度方面造成很大的渲染问题。
根据我的经验，我得出结论，你应该保持你的CSS漂亮和简单。我见过这样的事情：

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

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

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

在我看来，优化CSS是相当棘手的，你应该谨慎行事。
这里有太多的因素。。。如此之多，以至于有足够多的非性能问题超过性能问题，例如，您提到需要选择特定的
ul
，而不仅仅是任何
ul
。如果你不得不担心这一点，那么性能是完全没有意义的。使用最简单的选择器（除非有冲突，在这种情况下更具体）…只是，你知道，不要根据这些知识编写代码。基于标记的代码。@BoltClock当然，每个规则都应该根据情况使用，而不仅仅是因为它是真的，或者我认为它可能是真的。语句中不能包含两个HTML元素的语句实际上不是真的（），尽管这不是好的做法。我想您可能指的是Visual Studio阻止HTML元素引用服务器端控件，该控件不能有两个相同ID的元素。在事件处理中使用jquery和javascript时，使用相同ID会导致冲突对吧..@dbooth:是的。规范说“不能”，但人们当然会编写无效的标记，浏览器必须以他们知道的最佳方式处理无效的标记。此外，ID选择器在JS和CSS中的实现方式不同，因此行为不一致。请参阅和上的评论。