Klassen und Verschachtelung
0 
ottogal
0 0 
Gunnar Bittersmann
Klassen und Verschachtelung
Hallo,
habe jetzt schon länger im www gesucht und leider keine Infos dazu gefunden. Ich habe ein Problem mit CSS-Verschachtelung im Zusammenspiel mit Klassen.
Meine Intention:
----------------
Innerhalb eines <DIV class="content_submenu">-Blocks sollen alle span- und a-tagInhalte rot sein.
Die Definitionen:
-----------------
<html>
<head>
<style>
div.content_submenu {
text-align: left;
}
div.content_submenu span, a {
color: red;
}
~~~~~~html
</style>
</head>
<body>
abc
<div class="content_submenu">
<a href="xyz">roter Link</a>
<span>roter text</span>
</div>
<a href="xyz">sollte-nicht-rot-sein-link</a>
</body></html>
Das Ergebnis:
-------------
Auch der Linktext "sollte-nicht-rot-sein-link" ist in Farbe rot.
Heißt das, daß eine Verschachtelung gemeinsam mit Klassen nicht funktioniert oder muß man das anders definieren?
Danke im Voraus für Hinweise
Manfred
-
Hallo Manfred,
du musst statt
div.content_submenu span, a {
color: red;
}so schreiben: > ~~~css > div.content_submenu span, div.content_submenu a { > color: red; > } >Bei deiner Formulierung bezieht sich die Eigenschaft color: red auf sämtliche a-Elemente.
Gruß
ottogal -
div.content_submenu span, a {
color: red;
}das bedeutet: alle span in divs mit der Klasse content_submenu und alle Links
was du vermutlich meinst ist:
div.content_submenu span, div.content_submenu a {
color: red;
}-
Hallo,
Jetzt wo ich's seh', ist's eigentlich eh' klar!
Vielen Dank für eure Antworten!
Manfred
-
-
@@Manfred:
[…] sollen alle span- und a-tagInhalte rot sein.
Elementinhalte. [Meiert]
Live long and prosper,
Gunnar--
Erwebsregel 208: Manchmal ist das einzige, was gefährlicher als eine Frage ist, eine Antwort.