Используйте псевдокласс not для стилизации всех элементов, кроме того, который является дочерним элементом определенного ⇐ CSS

[Anonymous]

Код: Выделить всё

h1 { color: red; }
header h1 { color: revert; }

Код: Выделить всё

Title

Level-1 heading
Body text.
Level-1 heading
Body text.

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

Код: Выделить всё

h1 { color: red; }
header h1 { color: revert; }

но, может быть, есть лучший способ — использовать одно объявление и не перезаписывать?
Я пробовал :not(header) h1 { color: red ; , но почему-то не работает. Другой подход — body > h1 { color: red; , но для меня это несколько хрупко.

Подробнее здесь: https://stackoverflow.com/questions/785 ... is-a-child