Wer ist stärker?

CSS-Regierungen mischen

  Wenn du die CSS-Regierungsvarianten mischen möchtest (was ich dir zu Beginn nicht empfehlen würde) stellt sich die Frage, welche Regeln vom Browser effektiv angewendet werden, wenn diese gleich lauten.

Stärkeklassen

  1. Inline Styles (im Tag - gilt nur den Tag)
  2. Interne Styles (im <head> des HTML-Dokuments)
  3. Externe Styles (in externem CSS-Dokument)

Je weiter weg die Regierung vom HTML ist, desto schwächer wird sie. Das kannst du dir auch Wasserfall vorstellen:

CSS Kaskade

Overrides

So lange du in deinem Mix nicht die gleichen Selektoren notierst, kannst du die Regierungs-Varianten natürlich mischen. Verwirrung entsteht erst dann, wenn du an verschiedenen Orten gleiche Regeln definierst. Identische Regeln werden nämlich nach den oben beschriebenen Stärkeklassen überschrieben. Dein Code wird so sehr schwierig zu verstehen sein, v.a. wenn ihn jemand anders lesen muss.

Deshalb nochmals: Am einfachsten ist es, wenn du dein CSS in einem zentralen Stylesheet ablegst.