Что такого хорошего в том, что 5 селекторов для форматирования определенного тега html?

Question

Почему люди делают это так сложно и не просто создать идентификатор для ниже парада селекторного

body > header > h1, span.title, .header-title 
{ 
    /* set a background-image here */ 
} 

так же, как

#myHeaderTitle 
{ 
     /* set a background-image here */ 
} 

Что настолько велика, о том, 5 селекторы для форматирования конкретного тега HTML ? Почему бы не использовать идентификатор напрямую?

Answer 1

Я могу согласиться с тем, что некоторые вложенные селекторы могут злоупотреблять, но если вы назначаете идентификатор всем элементам, которые вы хотите выбрать, они не являются гибкими.

My rule of tumb: Если вы хотите применить стиль только к одному spesific-элементу, а не к элементам, вы можете использовать универсальный селектор. Его можно использовать для использования id

Если вы хотите применить правило для нескольких элементов со сходным вложенным селектором «отпечаток пальца», выберите вложенным селектором, чтобы использовать вложенные селекторные установки, чтобы их можно было удалять по любым неустановленным элементам.

E-mail: Изображение логотипа сверху страницы я могу использовать id. якорей внутри меню, как это:

<div class="menu"> 
<ul> 
<li> 
<a href="http://example.com">link</a> 
</li> 
</ul> 
</div> 

Я хотел бы использовать «.menu уль Ли с»