I am wondering if anyone knows what the asterisks in the following CSS
do:
#mainNav, #secondaryContent {
padding-top: 20px;
padding-bottom: 20px;
}
#mainNav *, #secondaryContent * {
padding-left: 20px;
padding-right: 20px;
}
#mainNav * *, #secondaryContent * * {
padding-left: 0;
padding-right: 0;
}
----------------------------------------------------------------------
The asterisk is the universal selector, a kind of 'select all'.
The single asterisk example sets the padding to 20px on the right and
left on all children of #mainNav & #secondaryContent.
The double asterisk example sets the padding to zero on all children of
children of #mainNav & #secondaryContent
For example:
<div id="mainNav">
<div id="innerMainNav">
<p>Some text in here</p>
</div>
</div>
Would mean that #innerMainNav would have padding of 20px on the left and
the right, but the paragraph (being a child of a child of #mainNav)
would have padding of 0.
Without the double asterisk declaration, the paragraph would also have
20px of padding on the right and left.
I'm not really sure I explained that very well, but hope it helps!
James
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
