定位嵌套列表

Question

想要做一个嵌套列表。我可以将外部列表显示为内联块和内部列表以及块。我必须将每个列表的类定位错误，因为我无法应用这些首选项？谢谢:)）

.days ul li {
  display: inline-block
}

.points ul li {
  display: block;
}

<ul>
  <li class="days">
    <h2>Title</h2>

    <ul class="points">
      <li>Point 1</li>
      <li>Point 2</li>
  </li>
  </ul>
</ul

Answer 1

CSS中的选择器是错误的。您正在选择ul＆＃34; inside＆＃34;带有.days和.points类的元素。你需要的是ul元素中的li，在这种情况下是.days和.points。

另一个问题是你的html synthax。只有li可以是ul后代，所以你需要将第二个ul放在li中。

＆＃13;

＆＃13;

.days li {
  display: inline-block;
  width: 150px;
}

.points li {
  display: block;
}

＆＃13;

<ul class="days">
  <li>
    <h2>Title</h2>
    <ul class="points">
      <li>Point 1</li>
      <li>Point 2</li>
    </ul>
  </li>
  <li>
    <h2>Title 2</h2>
    <ul class="points">
      <li>Point 1</li>
      <li>Point 2</li>
    </ul>
  </li>
</ul>

＆＃13;

＆＃13;

＆＃13;