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/

Reply via email to