无序列表项上的重复项目符号点

时间:2015-09-25 00:14:19

标签: html css

我试图使我的无序列表看起来像这样:

Good List

我得到了这个(请注意重复的要点):

Bad List

我的代码如下:



<ul class="main-link">
  <li>
    <a href="">articles/</a>
  </li>
  <li>
    <ul>
      <li class="sub-link">
        <a href="">beliefs respect and facts</a>
      </li>
    </ul>
  </li>
</ul>
&#13;
&#13;
&#13;

我希望删除一些额外的固定项目点。有人能指出我正确的方向吗?

2 个答案:

答案 0 :(得分:5)

您只需删除一个li标签,如下所示:

<ul class="main-link">
  <li>
    <a href="">articles/</a>
    <ul>
      <li class="sub-link">
        <a href="">beliefs respect and facts</a>
      </li>
    </ul>
  </li>
</ul>

答案 1 :(得分:1)

您可以在同一"ul"内添加第二个"li"。意味着它也是第一个"li"内容的一部分。

<ul class="main-link">
  <li>
    <a href="">articles/</a>
    <ul>
      <li class="sub-link">
        <a href="">beliefs respect and facts</a>
      </li>
      <li class="sub-link">
        <a href="">beliefs respect and facts</a>
      </li>
    </ul>
  </li>
</ul>