Селекторы внутреннего идентификатора CSS

Question

У меня ниже селекторов id в файле CSS.Headerphoto и logo-box - это внутренние идентификаторы идентификатора заголовка.Мне действительно нужно добавить эти два как внутренние идентификаторы?Я могу добавить их как обычные селекторы идентификаторов.Каков наилучший способ сделать это?Какие плюсы и минусы?

Спасибо!

/* 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, и вы уверены, что структура этих трех элементов будет одинаковой.

Это только действительно имеет значение для добавления идентификатора #header, если на некоторых страницах #headerphoto и #logo-box появляются в элементах, которые не имеют id="header", ваша таблица стилей используется всеми этими страницами, и выхотите, чтобы стили применялись тогда и только тогда, когда эти элементы находятся в этом.Но в таком случае это сделало бы структуру вашей страницы довольно непоследовательной, не так ли?

Что касается производительности, то ли она быстрее, медленнее или одинакова для селекторов идентификаторов вложения, мне все равно, иВы не должны, автор таблицы стилей, поскольку селекторы идентификаторов уже самые быстрые в любом случае .

Answer 2

вам не нужно добавлять селектор #header, но я слышал, что рендеринг страницы тем быстрее, чем точнее был объявлен селектор. На мой взгляд, это не имеет значения.