Liebe Self-HTMLer,
ich sitze schon 3 Stunden an demselben Problem & weiss nicht, wo ich den Fehler mache. Hier mal der Code:
<address class="light">Vorname Name<br />Berufsbezeichnung<br />Mailadresse
<h4 class="coloured">Land 1</h4>
Strasse Hausnummer<br />PLZ Ort<br />Telefonnummer
<h4 class="coloured">Land 2</h4>
Strasse Hausnummer<br />PLZ Ort<br />Telefonnummer
<a href="http://www.foo.bar" class="download">digitale Visitenkarte</a>
</address>
Dass CSS sieht so aus:
/* Klassen*/
.light {
font-size: 0.75em;
line-height: 1.5em;
color: #b1b1b1;
}
.coloured {
font-size: 0.75em;
line-height: 1.5em;
color: #96c6e1;
}
.download {
font-size: 0.75em;
line-height: 1.5em;
color: #666666;
display: block;
}
/* ................... */
address > h4.coloured {
font-size: 1em;
}
address > a.download {
font-size: 1em;
margin: 1.5em 0 0;
}
address > a.download:before {
content: url(foo.gif)" ";
}
Mein Problem besteht in der Vererbung der Eigenschaften aus der Klasse "light" auf die Klassen "coloured" und "download". Die Schriftgrösse habe ich korrigieren können. Komischerweise verrerbt sich die hellgraue Textfarbe aus der Klasse "light" von <address> auf das <a>, obwohl <a> die Klasse "download" zugewiesen bekommen hat. Alle Parameter aus der Klasse "download" werden korrekt auf <a> angewendet - nur die Textfarbe nicht.
Kann mir jemand von Euch auf die sprünge helfen?
Danke im Voraus
AirMax