Hello,

I have 2 nested divs, both have

#x{
width:400;
height:400px;
background-color:#fff;
color:#000
}

#y{
width:200;
height:200px;
background-color:#000;
color:#ccc;
}


<div id="y"><div id="x">Here lies a x value</div></div>

I want the #x and #y to have individual css properties, but that is not the case, #x overrides the #y values

Any help appreciated.

Thanks Jean