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