CSS层次结构中的性能

如果我有以下HTML：

<div id="container">
   <div id="inner">
   </div>
</div>

到

---

？

性能差异将无关紧要。尝试优化代码的其他部分

---

也就是说，通常最好尽可能不具体。

性能差异将无关紧要。尝试优化代码的其他部分

也就是说，一般来说，最好尽可能不具体。

不会真正影响它

仅具有广泛匹配键选择器的CSS选择器可能会影响性能

这里有一些见解：

不会真正影响它

仅具有广泛匹配键选择器的CSS选择器可能会影响性能

---

这里有一些见解：

由于ID不应该重复，您可以简单地选择使用内部

因为ID不应该重复，您可以简单地选择使用内部

不确定性能，但嵌套ID选择器几乎总是毫无意义的。是的，我应该使用类来代替。谢谢不确定性能，但嵌套ID选择器几乎总是毫无意义的。没错，我应该用类来代替。谢谢如果我从文章中理解正确，在我有许多锚定标记的页面中，最好给每个锚定标记一个class/id，并通过容器辅助{}选择它，而不是容器a{}？@joel：我相信这就是其中的含义。虽然使用ID{}而不是容器辅助{}会更简单，但如果我从文章中正确理解的话，在我有许多锚定标记的页面中，给每个类一个class/ID并通过容器辅助{}选择它会比容器a{}更好。@joel：我相信这就是含义。虽然使用ID{}而不是容器辅助{}会更简单

#container #inner {
      width:300px;
}

#inner {
      width:300px;
}