Jeena Paradies: CSS - Klasse ableiten?

Beitrag lesen

Hallo,

.font_normal { font-family: Arial; }
.font_topic { font-weight: bold; }

Ja das ist möglich:

.font_normal, .font_topic { font-family: Arial; }
.font_topic { font-weight: bold; }

Allerdings sind deine Klassennamen 100% sinnlos. Was soll das ganze mit .font_topic? Eigentlich willst du doch Topics mit h1 bis h6 auszeichnen und diese dann so schön machen:

.font_normal, h1 { font-family: Arial; }
h1 { font-weight: bold; }

Aber das geht noch besser. Was soll denn dieses .font_normal??? Du willst eigentlich diesen Font deineb <body> geben damit alle anderen das erben:

body { font-family: Arial; }
h1 { font-weight: bold; }

Und immer noch ist es nicht perfekt. Denn da fehlt eine fallback Schriftenfamilie, falls Arial auf dem betroffenen Rechner nicht installiert sein sollte, also machen wir:

body { font-family: Arial, Verdana, sans-serif; }
h1 { font-weight: bold; }

Jetzt ist es schick ;-).

Grüße
Jeena Paradies