Warum erzeugt der untergeordnete Selektor ein anderes Ergebnis, wenn untergeordnetes Element nur ein Element in der Klas ⇐ CSS

[Anonymous]

In diesem Beispiel wird durch Einfügen der Schriftgröße in die .header-Klasse der h1-Text größer als in .header > h1. Warum produzieren sie nicht die gleiche Größe? Der h1 ist das einzige in der Header-Klasse.

Code: Select all

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

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





Chania