html - 有 5 个选择器来格式化特定的 html 标签有什么好处？

Question

为什么人们把它弄得那么复杂，而不仅仅是为下面的选择器游行创建一个 id

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

就像

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

有 5 个选择器来格式化特定的 html 标签有什么好处？为什么不直接使用id？

Answer 1

我同意有时嵌套选择器可能会被过度使用，但是如果您将 id 分配给要选择的所有元素，则不是很灵活。

我的 tumb 规则：如果您只想将样式应用于一个特定元素，而不是元素，您可以使用统一选择器。可以使用 id

如果您想对具有类似嵌套选择器“指纹”的多个元素应用规则，则通过嵌套选择器选择，请使用您的 enogh 嵌套选择器来确保它想要命中任何不想要的元素。

Eks：我可能使用 id 的页面顶部的徽标图像。对于这样的菜单内的锚点：

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

我会使用“.menu ul li a”