Lieber Gerhard,
Warum schreibt man h1.main { color: red; } überhaupt hin, wenn es keine Auswirkung hat?
das fragliche CSS-Beispiel beleuchtet den Zusammenhang von Spezifität und dem Schlüsselwort !important
. Es geht in diesem Beispiel nicht um einsatzfähigen Code für die Praxis, sondern um eine Veranschaulichung eines Sachverhalts.
Du kannst das sogenannte Default-Stylesheet Deines Browsers übrigens bearbeiten und selbst mit solchen !important
-Schlüsselwörtern Darstellungseffekte erzielen, die sich über die Stylesheets der von Dir besuchten Webseiten hinwegsetzen werden.
Liebe Grüße
Felix Riesterer