Selektorenfrage

[Andi]

Hallo,

habe folgendes in einer CSS-Datei:

.text { Layout }
.text th { Layout }
.text th .bild { Layout }

Der 3. Style funktioniert nicht. Ist das überhaupt dort möglich oder nur per ID zu lösen. Konnte leider nichts finden.

Die Lösung wäre natürlich es auf folgendeweise zu lösen:

.text { Layout }
.text th { Layout }
.text th#bild { Layout }

Aber aus Neugier möchte ich es wissen, wie man das obige lösen kann.

Danke!
Gruß
Andi

[Zeromancer]

Hallo Andi,

.text th .bild { Layout }

versuche es doch mal mit

.text th.bild { Layout }

Mit freundlichen Grüßen,
André

[Axel Richter]

Hallo,

habe folgendes in einer CSS-Datei:

.text { Layout }

^für alle Elemente mit der Klasse "text"

.text th { Layout }

^für alle TH-Elemente, die sich in Elementen mit der Klasse "text" befinden

.text th .bild { Layout }

^für alle Elemente mit der Klasse "bild", die sich in TH-Elementen befinden, welche sich wiederum in Elementen mit der Klasse "text" befinden

Der 3. Style funktioniert nicht.

Doch für alle Elemente mit der Klasse "bild", die sich in TH-Elementen befinden, welche sich wiederum in Elementen mit der Klasse "text" befinden.

Die Lösung wäre natürlich es auf folgendeweise zu lösen:

.text th#bild { Layout }

^für alle TH-Elemente mit der ID "bild", die sich in Elementen mit der Klasse "text" befinden

Suchst Du einen Selector für alle TH-Elemente mit der Klasse "bild", die sich in Elementen mit der Klasse "text" befinden? Dann siehe Zeromancer.

viele Grüße

Axel

[Felix Riesterer]

Lieber Axel,

es sei noch hinzugefügt:

.text .bild { layout } // gilt für alle Elemente der Klasse "bild", die sich in einem Element der Klasse "text" befinden

Liebe Grüße aus Ellwangen,

Felix Riesterer.