Am I going crazy... why doesn't this work?
I've got an ID and a Class as follows
#myId
{
width:500px;
height:500px;
}
#myID p
{
font-size:1em;
}
.myClass
{
width:100px;
height:100px;
}
.myClass p
{
font-size:0.8em;
}
And my document is like this:
<div id="myId">
<p>My ID text</p>
<div class="myClass">
<p>My CLASS text</p>
</div>
</div>
The result is that both "my CLASS text" and "my ID text" come out at 1em. Why doesn't the ".myClass p" statement overwrite the "myID p"??
