I have a document looking something like:
...
<div class="myClassA">
...
<span class="myClassB">
...
</span>
...
</div>
I’d like to be as specific as possible in my CSS. But this doesn’t work:
div.myClassA span.myClassB
{
...
}
Although, this does work:
div span.myClassB
{
...
}
Why can’t I specify the class on the div as I did in the first example?
It works: http://jsfiddle.net/XKeBg/