css - cssリストとリストアイテムの選択

Question

次のようなセクションを持つcssファイルがあります

.mylist ul { ..configuration .. }
.mylist li { ..configuration .. }

HTMLが次のようになっている場合

<div class="mylist">
  <ul>
    <li>item1</li>
  </ul>
</div>

スタイリングが適切に適用されます。

私が行った場合

  <ul class="mylist">
    <li>item1</li>
  </ul>

そうではないようです。

なぜその余分なdivタグが必要なのですか？どちらの場合も、スタイリングは同じように適用されるべきではありませんか？

Answer 1

はのサブアイテムとしてを.mylist ul意味するため。ul.mylist

これを試して：

ul.mylist { ..configuration .. }
ul.mylist li { ..configuration .. }

と：

<ul class="mylist">
  <li>item1</li>
</ul>

お役に立てれば。