[CSS] Simpel vraagje over overerving.

[ronaldmathies]

IK heb de volgende CSS Klasse gedefinieerd:

code:

.message {
    font-family: "Verdana", "Tahoma", "Arial", "sans-serif";
    font-size:   10px;
    color: gray;
}

maar nu wil ik van message de volgende sub varianten maken:

info
warning
error
fatal

waarbij telkens de kleur alleen anders is t.o.v. de message:

info moet blue zijn,
warning moet yellow zijn.
error moet orange zijn.
fatal moet red zijn.

Hoe moet je dit nu in CSS vertalen, ik heb al bij het W3C rond gekeken en op google maar deze geven alleen voorbeelden met BODY in een bepaalde stijl en dat kan je dan overrullen in de H1 etc...

Moet hoe moet dat nu met custom klassen.

[ronaldmathies]

Laat maar.

Vondt binnen GOT al een uitleg (damn, en ik had al een tijd gezocht).

code:

.info, .warn, .message, .fatal {
    font-family: "Verdana", "Tahoma", "Arial", "sans-serif";
    font-size:   10px;
}

.info {
    color: blue;
}

.warn {
    color: yellow;
}

.error {
    color: orange;
}

.fatal {
    color: red;
}

[Room42]

Een methode zou kunnen zijn:

code:

.message {
    font-family: "Verdana", "Tahoma", "Arial", "sans-serif";
    font-size:   10px;
    color: gray;
}

.info {
    color: blue;
}

.warning {
    color: yellow;
}

.error {
    color: orange;
}

.fatal {
    color: red;
}

Vervolgens geef je je objecten de class="message warning" mee. Die spatie mag namelijk en zo hang je meerdere classes aan 1 object.

ronaldmathies schreef op vrijdag 01 april 2005 @ 00:19:
Laat maar.

[...]

Zo mag het ook Maar je vroeg om sub-classes
(Ja, okee, dat zijn dit ook niet echt, maar goed...)

[ Voor 34% gewijzigd door Room42 op 01-04-2005 00:27 ]