Переопределение стиля CSS

Я определяю некоторые классы CSS, которые при применении к таблице будут генерировать некоторые стили по умолчанию.

Например, допустим, я создаю класс с именем myTable:

.myTable {
  th {
    background-color: #000;
  }

  td {
    background-color: #555;
  }
}

Итак, любая таблица с классом .myTable по умолчанию получит эти цвета для th и td.

Я подумал, что если бы был назначен другой класс для отдельного td, тогда он переопределит стиль по умолчанию.

Итак, если бы у меня был другой класс:

.red { background-color: red; }

И таблица:

<table class=myTable>
  <th class="red">Content</th>
  <td>Hello!</td>
</table>

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

td.red { background-color: red; }

Я что-то упускаю, есть ли другой способ сделать это, чтобы у меня были стили по умолчанию, которые легче переопределить ?