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

[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