Wie kann man geschachtelte Styles ändern?

[ojay78]

Hi,

muss zugeben ich bin Anfänger in Sachen CSS und nun komme ich schon nicht mehr weiter. Vielleicht weiss jemand Rat.

Ich habe folgende HTML

<div id="selectForm"><table class="FORM_SELECTION_VIEW" cellpadding="0" cellspacing="0"><tbody><tr><td style="vertical-align: top;" align="left"><div class="gwt-Label">Form ID</div></td><td style="vertical-align: top;" align="left"><input class="gwt-SuggestBox" tabindex="0" type="text"></td><td style="vertical-align: top;" align="left"><button class="gwt-Button" tabindex="0" type="button">Select</button></td></tr></tbody></table></div>
</fieldset>
<fieldset class="fs_statusView">
<legend>statusView</legend>


Nun möchte im CSS den Wert für das div mit der class "gwt-Label" ändern. Aber wie spreche ich das in der CSS Datei an, sodas ich genau an dieses Feld komme? Ich hab die Schachtelung von Selektoren nicht wirklich kapiert, vielleicht weiss jemand hier wie es geht....

Meine Versuche gingen in diese Richtung, aber ohne Erfolg


.FORM_SELECTION_VIEW div .gwtLabel{

background-color: blue;

}

[dhx]

Moin,

ojay78:
Meine Versuche gingen in diese Richtung, aber ohne Erfolg


.FORM_SELECTION_VIEW div .gwtLabel{

background-color: blue;

}

In deinem Fall darf zwischen div und .gwtLabel kein Leerzeichen stehen:

Code: Alles auswählen

.FORM_SELECTION_VIEW div.gwtLabel
{
background-color: blue;
}