html - ul li ul 是如何工作的，我可以为它使用一个类吗？

Question

所以我在编写代码时发现了这个“ul li ul”。我试图通过创建一个测试文件并自己尝试来理解这一点。但我就是想不通。 而且我真的不知道它是怎么叫的(我以前从未见过它)我真的不能用谷歌搜索它。

这是我使用的代码:

ul {
  list-style-type: none;
}
ul li {
  color: blue;
}
ul li ul li {
  display: none;
}
ul li ul {
  list-style-type: square;
}

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <ul>
    <li>a.</li>
    <li>b.</li>
    <li>c.</li>
    <li>d.</li>
    <ul>
      <li>1.</li>
      <li>2.</li>
      <li>3.</li>
      <li>4.</li>
      <li>5.</li>
    </ul>
    <li>e.</li>
  </ul>
  <li>4</li>
  <li>5</li>
</ul>

还有你如何使用它并创建一个类，因为在整个站点中我可能会使用更多的 ul 并且我不希望所有的都具有相同的样式。 例如 .test li ul 这行得通吗？

我在一个更难的文件中找到了代码，如果你需要，我可以上传。

Answer 1

UL 代表无序列表。通常这会显示为元素符号列表。

LI 是列表项，或每个要点。

示例:

<ul>
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

这段代码显示如下:

• 元素 1
• 第 2 项
• 第 3 项

如果您想要设置样式，您可以添加一个类(如果您希望所有无序列表都相同)，或者如果您只需要特定列表以某种方式添加一个 id。

例子:

<ul class="mylist"> </ul>
<ul id="listone"> </ul>

之后，您将使用 CSS 设置相应标签的样式。