Relationship Selector

            CSS:
            <style>

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

                li { font-weight: normal; }

            </style>

            HTML:
            <ul class="nav1">
                <li>Home</li>
                <li>Products
                    <ul>
                        <li>Candies
                            <ul>
                                <li>Red</li>
                                <li>Green</li>
                            </ul>
                        </li>
                        <li>Sweets</li>
                        <li>Gumms</li>
                    </ul>
                </li>
                <li>Contact Us</li>
            </ul>
            

Result:

• Home
• Products
  • Candies
    • Red
    • Green
  • Sweets
  • Gumms
• Contact Us

Note: nav1 > li is more specific than li.