On Wed, Dec 19, 2007 at 12:50:41PM +1100, Rob S wrote: > It's a precedence issue - div#maindiv h1 is being applied after > div.aclassh1. If you remove the color attribute from div#maindiv h1 > you'll see that > the first header is black, and the second blue.
Thanks, I've learnt a bit more about the rules now, specifically http://www.w3.org/TR/REC-CSS1#cascading-order > I'm not sure what you are trying to do, so I can't really suggest a > solution! Actually just as it looks, I have a #main div which is the main content which I want to have a certain style of H1. But inside that I have a callout which I want to have a different H1 style. I think the child selector can describe these relationships (e.g., a child h1 of #main should look like this, a child h1 of .blahclass should look like that) but I believe IE6 doesn't support it, so I'm left to take the advice of making more classes so I can be more explict. Does anyone have any debugging tips for this sort of thing? My current technique consists mostly of guessing what should be happening! Cheers, -i _______________________________________________ coders mailing list [email protected] http://lists.slug.org.au/listinfo/coders
