从CSS列表中删除点[重复]答案

【问题标题】：Remove dots from list in CSS [duplicate]从CSS列表中删除点[重复]
【发布时间】：2020-04-18 05:29:11
【问题描述】：

如何从“添加配方”中删除点？当我尝试它不起作用...

html:

<div id=menu>
      <ul>
        <li><a href="add_recipe">Add recipe</a></li>
      </ul>
</div>

css:

#menu
ul > li
{
    list-style-type: none;
}

【问题讨论】：

标签： html css

【解决方案1】：

您的代码应该可以工作。如果它不起作用，请检查覆盖（您可以在开发工具上使用计算样式）

list-style-type 可以添加到父元素（在这种情况下为

) 继承属性，除非它们被定义。

#menu ul {
    list-style-type: none;
}

<div id=menu>
  <ul>
    <li><a href="add_recipe">Add recipe</a></li>
  </ul>
</div>

【讨论】：

【解决方案2】：

如果您指的是“要点”标记，那么当我运行代码而不做任何更改时它确实有效。你确定它在运行时不起作用？您是否尝试过清除缓存以确保旧脚本没有运行？

HTML：

<body>
<div id=menu>
      <ul>
        <li><a href="add_recipe">Add recipe</a></li>
      </ul>
</div>
</body>

CSS：

ul li
{
    list-style-type: none;
}

【讨论】：

【解决方案3】：

但您编写的代码在 chrome 中运行良好

ul 
{
    list-style-type: none;
}

<div id=menu>
      <ul>
        <li><a href="add_recipe">Add recipe</a></li>
      </ul>
</div>

【讨论】：