hey,

i have a question regarding the cascading of styles.  I'd like to set a
default color on all DIV elements so I have the following:

div
{
        color: blue;
}

in the <HEAD> of my document (in a <style> tag).

And I the have HTML similar to the following:

<div>
should be blue
<div style="color: red">
should be red
<div>
div inside red div, but is it red? no
</div>
</div>
</div>

What I find is that because of the default color on DIV, the style="color:
red" doesn't cascade down to the third level DIV.  How do I get this
behaviour?

I can kinda get around this for my DIV elemnets by just setting a default
color attached to the BODY element.  But the trouble is this doesn't work
for my TABLES, because TD elements don't seem to take on the style from a
BODY.  So I have to have a rule similar to:

td
{
        color: blue;
}

But that then means if I have a table inside a DIV or some other container
which sets the color to red, I have to manually set the color on each of the
TD's inside that child table as well as on the DIV container, which is not
ideal.

What is the recommended way to solve this?

Thanks

Simon

______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to