You just need to remove the space between "div" and ".gwtLabel".
.FORM_SELECTION_VIEW div .gwtLabel ~changes to~ .FORM_SELECTION_VIEW div.gwtLabel Because the div you are trying to select actually has the class gwtLabel there is no space between them, because they are the same object. you could actually remove the div selector altogether too, but then you need to leave the space between the two class names. .FORM_SELECTION_VIEW .gwtLabel Good Luck! Jamie On Fri, Jul 2, 2010 at 9:17 AM, crojay78 <[email protected]> wrote: > Hi, > > can sombody please help me to understand the inheritance mechanism of > the selectors in css. > > I have the following 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> > > > Now I want to change the layout of the div with the class "gwt-Label" > and which is containing the value Form ID. > > How can I do this ?? > > What I tried is something like this > > > .FORM_SELECTION_VIEW div .gwtLabel{ > > background-color: blue; > > } > > > but it wont work???? > > Thanks for your response > > -- > -- > You received this because you are subscribed to the "Design the Web with > CSS" at Google groups. > To post: [email protected] > To unsubscribe: [email protected] -- -- You received this because you are subscribed to the "Design the Web with CSS" at Google groups. To post: [email protected] To unsubscribe: [email protected]
