<div id="header">
  <span class="title">Title</span>
  <!-- more spans and other things here -->
</div>

这将与嵌套的CSS一起使用：

#header .title { /* CSS */ }

这当然有效,但我不喜欢这里的课程用法.由于我只需要一次样式标题,我想使用id.但是这个名称必须像header_title(因为我可能在HTML中有其他标题),导致CSS

#header #header_title { /* CSS */ }

现在这似乎打败了嵌套CSS的目的,然后我可以完全删除第一个#header.

我无法找到一种“正确”的方法.我错过了什么,或者我只需要在这里使用一些“脏”代码？