列表样式类型无不起作用答案

【问题标题】：List Style Type None not working列表样式类型无不起作用
【发布时间】：2017-01-04 04:18:29
【问题描述】：

在构建网站时，我输入了以下代码。但是，列表样式类型无无代码没有删除每个项目之前的点/项目符号。我试过了！重要但失败了。谁能告诉我为什么？

.naviMenu 
{
  list-style-type: none !important;
}`

<div class="naviMenu">
    <ul>
		<div id="homePage"><li>Home</li></div>
		<li>About</li>
		<li>Text</li>
		<li>Photo</li>
		<li>Special Project</li>
		<li>Contact</li>
	</ul>
</div>

【问题讨论】：

你定位错误的元素

标签： css

【解决方案1】：

您的 CSS 不起作用的原因是 list-style-type 属性必须附加到 display: list-item 元素，例如 li 或 ul。（正如 @andrewli 所说，您的目标是错误的元素）。

你可以这样做

.naviMenu > ul li { // notice how I have targeted the li element(s) rather than the whole parent container
    list-style-type: none; // also, there is no need for !important 
}

作为一个小注解

这行标记：

<ul>
    <div id="homePage"><li>Home</li></div>
    <!-- e.t.c. !-->
</ul>

包含不正确的语法。应该这样做：

<ul>
    <li><div id="homePage">Home</div></li>
    <!-- e.t.c. !-->
</ul>

希望这会有所帮助！ :-)

【讨论】：

@torazaburo 当然，你也可以在ul 标签上做：）我只是更喜欢在li 上做哈哈
当然，但事实仍然是说list-style-type 属性必须附加到li 元素 是不正确的。正确地说“list-style-type 属性对具有display: list-item 的元素（例如li 元素）生效，并且可以从任何祖先元素继承（但请注意，@ 的用户代理样式表） 987654334@ 通常会设置一个值，例如disc)。"

【解决方案2】：

试试这个

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

【讨论】：

请通过此链接 - w3schools.com/css/css_list.asp。并将其标记为答案
因为“naviMenu”只是一个 div，为了隐藏子弹，您需要将它放在 li 本身，因为那是子弹所在的位置。
.naviMenu ul { list-style: none; } 也足够了，只针对列表而不是每个项目符号。