Es gibt drei Arten von CSS:
1. User-Agent-Stylesheet: Dies sind die Standardstile, die vom Browser des Benutzers angewendet werden. Sie sind in der Regel sehr einfach und sorgen für eine konsistente Darstellung von Inhalten in verschiedenen Browsern.
2. Autoren-Stylesheet: Dies sind die Stile, die vom Autor der Website definiert wurden. Sie befinden sich normalerweise in einer CSS-Datei, die mit dem HTML-Dokument verknüpft ist. Autoren-Stylesheets überschreiben die User-Agent-Stylesheets.
3. Inline-Stile: Dabei handelt es sich um Stile, die direkt auf ein HTML-Element angewendet werden. Sie werden normalerweise verwendet, um die Autoren-Stylesheets für bestimmte Elemente zu überschreiben. Inline-Stile haben die höchste Priorität und überschreiben sowohl User-Agent-Stylesheets als auch Autoren-Stylesheets.
Die kaskadierende Reihenfolge von CSS wird durch die folgenden Regeln bestimmt:
1. Spezifität: Je spezifischer ein Selektor ist, desto höher ist seine Priorität. Beispielsweise hat ein Selektor, der anhand seiner ID auf ein bestimmtes Element abzielt, eine höhere Priorität als ein Selektor, der auf alle Elemente desselben Typs abzielt.
2. Position im CSS-Dokument: Die Reihenfolge, in der Regeln im CSS-Dokument erscheinen, wirkt sich auch auf deren Rangfolge aus. Regeln, die später im Dokument erscheinen, überschreiben Regeln, die früher erscheinen.
3. Wichtigkeit: Die „!important“-Deklaration kann verwendet werden, um einer Regel höhere Priorität als anderen Regeln zu geben. Regeln, die als wichtig markiert sind, haben immer Vorrang vor Regeln, die es nicht sind.
Wenn Sie die CSS-Typen und die Festlegung der Kaskadenreihenfolge verstehen, können Sie Website-Stylesheets erstellen, die sowohl konsistent als auch optisch ansprechend sind.
