Micky Hulse wrote:
>
> .col * { margin-left: 15px; margin-right: 15px; }
> .col * * { margin: 0; }
>
The first rule (.col *) applies to any descendant element of an element
of class "col". The second rule(.col * *) applies to any descendant
element of any descendant element of an element of class "col".
Clear? Thought not :-)
It's probably easier to look at some markup:
<div class="col">
<p>This paragraph will have 15px left and right margins</p>
<div>This div will also have 15px left and right margins
<div>but this one will have 0 margins</div>
<form>And this form will have zero margins
<p>As will this paragraph</p>
</form>
</div>
</div>
It could be done using child selectors rather than descendant selectors:
.col>* { margin-left: 15px; margin-right: 15px; }
but they aren't supported by IE 6 down, so this provides a workaround.
HTH,
Nick.
--
Nick Fitzsimons
http://www.nickfitz.co.uk/
______________________________________________________________________
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/
