圆点出现在字体真棒汉堡菜单旁边

Question

在小屏幕(<720px)上,我有一个带有字体真棒图标的切换菜单.

昨天我注意到菜单前面出现了句号.我无法弄清楚这是从哪里来的.

有问题的点.

菜单代码(取自开发人员工具.)

<ul id="toggle-menu">
    <li class="pullDown">
        <a href="#" id="pull">
            <i class="fa fa-bars fa-3x "></i>
        </a>
    </li>
</ul>

它出现在这一行的DOM中,即使删除了li中的所有元素.

<li class="pullDown"></li>

该网站在这里

完整的代码在这里

提前致谢

Answer 1

在你的style.css中添加此代码

#toggle-menu li {
  float: right;
  list-style-type: none;
}

请参阅此处,了解其实际应用示例.

点的原因在于您将其添加为列表元素 - 它不是一个完整的句点,必然只是无序列表中新元素的标记.list-style-type:none摆脱列表元素的任何样式.