Preventing inheritance in a Div

[Rajesh Khan]

Hi i have a div inside another div as follows

   <style type="text/css">   
    .classA label {color:Blue;background-color:Red}  
    </style>  
  
<div class="ClassA">  
       <label> Inside ClassA </label> <br>  
             <div class="ClassB">  
                 <label> Inside ClassB</label> <br>  
             </div>  
 </div>  

Now the problem is what ever i apply to label also affects the label inside ClassA. Is there any way in which i could explicitly specify that the style should only be applied to the label whose direct parent is ClassA at the same time keeping classb inside classA

[Elisabeth Barton]

Hmmm well whenever I've used two different labels in one div before. Maybe separate them and see what happens?

[Paul Clapham]

The CSS selector "E F" matches any F element which is a descendant of an E element. The selector "E>F" matches any F element which is a child of an E element. (I got this directly from the CSS specification.) Was that what you had in mind?

[Bear Bibeault]

Does your reference table for CSS3 selectors give you any clue?

(If you don't have one handy, now you know what your next task is.)

[Edit: Oh man, Paul snuck in before me!]

[Paul Clapham]

The CSS2 spec is one of the things sitting on my desk at the moment.

[Greg Charles]

If you start a tag with <label>, you should end it with </label> not </lable>

[Rajesh Khan]

Greg Charles wrote:If you start a tag with <label>, you should end it with </label> not </lable>

Thanks for pointing that out

[Rajesh Khan]

Thanks guys i didn't know there were so many possibilities
http://www.w3.org/TR/CSS2/selector.html#class-html
I could have just used
.classA > label {color:Blue;background-color:Red}

[Bear Bibeault]

Modern browsers implement most of CSS3.