tap... tap... tap... Is this thing on?
I want to style an unordered list so that the "top-level" elements are
bold with no bullets, while the items inside these have the bullets,
etc...
#content li
{
list-style-image: url(/images/bullet3.gif);
list-style-type: none;
line-height: 1.2;
}
/*Shout out to: http://www.simplebits.com*/
#content p + ul.nested > li
{
font-weight: bold;
list-style-type: none;
list-style-image: none;
margin-bottom: 0.5em;
}
#content .nested ul
{
font-weight: normal;
margin-top: .5em;
}
I couldn't figure out a way to do this without sibling selectors,
which makes IE cranky...
Suggestions?
______________________________________________________________________
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/