Linksfarbe von übergeordnetem div
Mazze
- css
Schönen Tag zusammen,
gibt es eine Möglichkeit, dass Links ohne eigene Klassenzuordnung nicht nur Schriftart und Schriftgröße, sondern auch die Schriftfarbe des übergeordneten DIV- bzw. P-Elements übernehmen?
Beispiel:
.box {
color: #ff0000;
font-family: 'Tahoma','Verdana','Arial';
font-size: 8pt;
}
ergibt in <div class="box">content</div> einen wunderschönen roten Content-Text. Wenn im Text allerdings ein Link steht, so hat er zwar 8pt Schriftgröße und die Famile stimmt auch, aber die Farben sind Browserabhängig. (Violett/Blau - je nach Status) - das rot wird ignoriert.
Wozu?
Der Content innerhalb z.B. obiger Box liegt extern. Er kann aber auch durchaus in einem anders definierten DIV-Bereich angezeigt werden (andere Page, anderer Zusammenhang etc.), wo er eine andere Formatierung bekommt. Es wäre eben schön, wenn der Content-Text selbst in reinem HTML (ohne CSS) stehen könnte und die übergordneten DIVs die Formatierung erledigen ohne dass der Content-Autor da eingreifen muss/darf.
Danke für Eure Hilfe,
Mazze
Mazze,
Wenn im Text allerdings ein Link steht, so hat er zwar 8pt Schriftgröße und die Famile stimmt auch, aber die Farben sind Browserabhängig. (Violett/Blau - je nach Status) - das rot wird ignoriert.
Wozu?
Damit der Link als solcher erkennbar ist?
Ohne Test:
.box a {color: inherit}
Gunnar
Hi Gunnar,
Wozu?
Damit der Link als solcher erkennbar ist?
Sorry, die Frage "Wozu?" bezog sich auf den darunter- nicht den darüberstehenden Text ;-) Besser wäre gewesen: Wozu benötige ich das? (Weil hier oft leider nur der Sinn einer Absicht angezweifelt, nicht aber das Problem erörtert wird - aber das sei jetzt diesmal nicht Thema der Diskussion...)
Danke trotzdem für den Inherit-Tipp. Schön gedacht. Leider gehts nur im Moz. Seufz...
lg,
Matze
Hi,
Danke trotzdem für den Inherit-Tipp. Schön gedacht. Leider gehts nur im Moz. Seufz...
Nein, das geht in jedem aktuellen Browser mit nur einer Ausnahme - aber der ist ja eigentlich auch nicht aktuell.;-)
freundliche Grüße
Ingo
Nein, das geht in jedem aktuellen Browser mit nur einer Ausnahme - aber der ist ja eigentlich auch nicht aktuell.;-)
:-))) Wieder mal bei semantisch unpräzisem erwischt worden...
OK, hier eine Lösungsvariante die scheinbar auch bei unser aller Freund läuft:
.box1{
border: 1px solid #cc0000;
background-color: #550000;
color: #ff0000;
font-family: 'Tahoma','Verdana','Arial';
font-size: 8pt;
}
.box1 a{
color: #ff0000;
font-family: 'Tahoma','Verdana','Arial';
font-size: 8pt;
}
.box2{
border: 1px solid #00cc00;
background-color: #005500;
color: #00ff00;
font-family: 'Tahoma','Verdana','Arial';
font-size: 8pt;
}
.box2 a{
color: #00ff00;
font-family: 'Tahoma','Verdana','Arial';
font-size: 8pt;
}
Text in Box 1 wird rot, Text in Box 2 wird grün dargestellt.
a in Box 1 wird rot, a in Box 2 wird grün dargestellt.
Warum auch immer diese Wdh notwendig sind...
Danke für die Mithilfe,
Mazze
Mazze,
Warum auch immer diese Wdh notwendig sind...
Sind se nich:
.box1 {
border: 1px solid #cc0000;
background-color: #550000;
font-family: 'Tahoma','Verdana','Arial';
font-size: 8pt;
}
.box1, .box1 a {
color: #ff0000;
}
Gunnar
PS.
font-family: 'Tahoma','Verdana','Arial';
Die ' sind überflüssig.
font-family: 'Tahoma','Verdana','Arial';
Die ' sind überflüssig.
… die Angabe einer generischen Schriftart ist es nicht.
Gunnar
Hi,
aber die Farben sind Browserabhängig. (Violett/Blau - je nach Status) - das rot wird ignoriert.
Wozu?
falsche Frage. Warum wäre angebracht - weil die Browser für a eine Voreinstellung haben, die übrigens nicht zwangsläufig violett/blau sein muß.
und die übergordneten DIVs die Formatierung erledigen ohne dass der Content-Autor da eingreifen muss/darf.
theoretisch geht das über den Wert inherit. Praktisch auch, außer im IE...
freundliche Grüße
Ingo