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選擇器，但我聽說聲明選擇器越精確，頁面呈現速度越快。 我認為這沒關系。