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>

希望这有帮助。