CSS内部ID选择器

Question

我在CSS文件中有下面的id选择器。 标头照片和徽标框是标头ID的内部ID选择器。 我真的需要将这两个添加为内部ID选择器吗？ 我可以将它们添加为普通的id选择器。 最好的方法是什么？ 优缺点都有什么？

谢谢！

/* Header styles */
#header {
    position: relative;
    height: 176px;
    text-align: left;       
    margin: 0; padding: 0;  
    background: #FFF;
}

#header #headerphoto {
    position: absolute;
    right: 15px ; top: 15px;
    width: 455px;
    height: 156px;
    background: #FFF url(headerphoto.jpg) no-repeat;
}

#header #logo-box {
    position: absolute;
    left: 15px ; top: 15px;
    width: 280px;
    height: 156px;  
    background:#1c1e27;
}

Answer 1

只要每个页面上仅存在#headerphoto和#logo-box一个#headerphoto ，并且您确定这三个元素的结构相同是没有关系的。

如果在某些页面上#headerphoto和#logo-box出现在没有id="header"元素中，并且所有这些页面都使用了样式表，则添加#header ID才真正重要。且仅当这些元素在该元素中时才适用。 但是在这种情况下，这会使您的页面结构变得非常不一致，不是吗？

关于性能，嵌套ID选择器是更快，更慢还是相同，我不在乎，样式表作者也不应该，因为ID选择器已经是最快的了 。

Answer 2

您不必添加#header选择器，但我听说声明选择器越精确，页面呈现速度越快。 我认为这没关系。