CSS层次结构中的性能

Question

如果我有以下HTML：

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

在性能方面是否存在差异：

#container #inner {
      width:300px;
}

到

#inner {
      width:300px;
}

Answer 1

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

话虽如此，通常最好尽可能不具体。

Answer 2

不会真的影响它，

只有具有宽匹配键选择器的CSS选择器会损害性能。

这里有一些见解：http://www.stevesouders.com/blog/2009/06/18/simplifying-css-selectors/

Answer 3

由于id不应该重复，您只需使用#inner

进行选择