css how to only make bold fonts for first set

Question

I have 2 or more

sets inside, and wants to only make first UL set to bold. in fact, this is a menu with multiple sub menus, and I

Answer 1

Use the first child selector: >

.menu > li {
    font-weight: bold;
}

Not that if you need to support IE6, you'll have to do it manually, as IE6 doesn't support the > selector:

.menu li a {
    font-weight: bold;
}
.menu li ul li a {
    font-weight: normal;
}

Answer 2

You'll have to use the child selector and make the top-level <ul> unique by giving it some class:

ul.top-level > li > a {
   font-weight: bold;
}​

Demo: http://jsfiddle.net/kJJw9/

Answer 3

It will probably do it...

ul.menu li a
{
    font-weight:bold;
}

ul.menu li ul li a
{
    font-weight:normal;
}

Answer 4

ul.menu li.collapsed a{font-weight:bold;}