Почему дочерний селектор создает другой результат, если дочерний элемент является всего лишь элементом класса? ⇐ CSS

[Anonymous]

В этом примере размещение шрифта в классе .header делает текст h1 больше, чем в .header > h1. Почему они не производят одинаковые размеры? h1 — единственное, что есть в классе заголовка.






.header {
grid-area: header;
background-color: purple;
text-align: center;
color: #fffff5;
font-size: 40px;
}

/*.header > h1 {
font-size: 40px;
}*/





Chania





Подробнее здесь: https://stackoverflow.com/questions/798 ... ment-in-cl