CSS 内部 id 选择器

我在 CSS 文件中有以下 id 选择器。 headerphoto 和 logo-box 是 header 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;
}

只要只有其中之一就没有关系#headerphoto and #logo-box存在于每个页面上，并且您确信这三个元素的结构将是相同的。

It only really重要的是添加#headerID 如果在某些页面上，#headerphoto and #logo-box出现在没有的元素中id="header"，您的样式表由所有这些页面使用，并且您希望当且仅当这些元素位于该页面中时应用样式。但在这种情况下，这会让你的页面结构相当不一致，不是吗？

关于性能，无论嵌套 ID 选择器更快、更慢还是相同，我都不关心，样式表作者也不应该关心，因为ID选择器已经最快的 anyway.