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来设置相应标签的样式。

ul li ul如何工作，我可以使用它吗？

1 个答案: