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表示 的ulas 子项.mylist。

尝试这个：

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

和：

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

希望这可以帮助。