列表样式类型无无效

Question

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

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

Answer 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>

希望这有帮助！ ： - ）

Answer 2

试试这个

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