Im sure this must have been raised before but do class styles cascade so
that an inner element inherits the class styling of the the outer
element..?
The following displays a red box rather than a green box.
It appears that the inner box is not inheriting the outer elements height
and width so is not visible.
Ive tried using explicitly using width:inherit; and height:inherit but this
doesnt work
either.
Is this a bug?
<STYLE>
.outer
{
display:block;
width:50px;
height:50px;
background-color:red;
}
.inner
{
background-color:green;
}
</STYLE>
</HEAD>
<BODY >
<div class="outer">
<div class="inner"/>
</div>
