Wenn ihr mit eurem Stylesheet arbeitet solltet ihr euch stets einem bewusst sein, ein Stylesheet beurteilt Klassen, Pseudoklassen, Id´s und Attribut-Styles nach verschiedenen Gewichtungen. Diese Gewichtungen entscheiden welches Element wirksam wird. So können zum Beispiel im Body festgelegte Farben, Schriften etc. “überschrieben” werden, wenn in einer ID zum Beispiel ein abweichender Wert angegeben wird.

Kleines Beisiel:

1
2
3
4
5
6
7
8
9

body
{
background:black;
}
 
#content
{
background:white;
}

Hier gillt dann zwar für den gesamten body das der Hintergrund Schwarz sein soll, jedoch durch die abweichende Eigenschaft in der ID Content, wird die Background Rigenschaft vom Body, nur für Inhalte im Div “content” stehender Elemente mit der Eigenschaft Background white überschrieben. Also werden die Eigenschaften ersetzt.

Um euch das mit der Punkteverteilung etwas besser zu erklären, zeige ich euch hier einmal eine Punktetabelle mit der Ihr die einzelnen Gewichtungen nachvollziehen könnt. Durch diese Punkteverteilung wird dem Stylesheet angegeben welche Elemente über andere Elemente übergeordnet sind und dessen Eigenschaft andere dominiert.

Das nächste was ihr über diese Punkteverteilung wissen solltet ist, dass durch die kombination dieser Eigenschaften, auch die Punktbewertungen kombiniert, oder bessergesagt addiert werden. Auch hierfür ist das beste einfach mal in die folgende Tabelle schauen und verstehen.