Класс против идентификатора с вложенным CSS

Предположим, HTML-код выглядит так:

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

​​Это будет работать вместе с вложенным CSS:

#header .title { /* CSS */ }

Это, конечно, работает, но мне не нравится использование здесь класса . Поскольку мне нужен стиль заголовок только один раз, я хотел бы использовать идентификатор. Но тогда имя должно быть что-то вроде header_title (поскольку у меня могут быть другие заголовки в HTML), в результате получится CSS

#header #header_title { /* CSS */ }

. Теперь это, похоже, противоречит цели вложенного CSS, тогда я мог бы просто полностью удалите первый #header .

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