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>

希望这对您有所帮助。