مشکل با سلکتور <

[hooooman]

سلام
من یک لیست دارم مثل

<ul id="ul1">
    <li>L1</li>
    <li>L2
        <ul id="ul2">

            <li>L12</li>
            <li>L22</li>
            <li>L32</li>


        </ul>
    </li>
    <li>L3</li>
</ul>

حالا می خوام با css فقط به li های سطح اول ul با آی دی ul1 استایل بدم مثلا فونتش رو بولد کنم به این شکل

ul#ul1 > li {
    font-weight: bold;
}

اما همه li ها چه فرزند مستقیم و چه فرزند غیر مستقیم تاثیر می گیرن . (البته اگر فرض کنیم li های ul داخلی فرزند مسقیم ul اول نیست ... )
ممکنه راهنمایی کنین؟

[moslem.hady]

شما دارید محتوای li رو بولد میکنید! اون ul داخلی و liهاش هم جزو محتوای همون li اولی هستند. به همین دلیله که بولد میشن.
مثال درست:
https://codepen.io/rezaya2938/pen/WBGopv