Kaskadierung und Klassenbildung


Text im CSS-Selektor P:

p { font-family: Verdana; font-weight: bold; text-align: center; background: yellow; }

Text in P Klasse ROT:

p.rot { color: red; font-size:120%; }

Text in P Klasse BLAU:

p.blau { color: blue; font-size:80%; }

Text in P Klasse GRUEN:

p.gruen { color: green; font-size:160%; }

... und zack wird der Spaß vererbt (an EM)

EM ist "Standard"-Selektor emphasized (engl. = betont)

... und zack wird alles explizit überschrieben:

p.gruen u{ font-family:courier; }