列表样式类型无无效

Question

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

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

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>

希望这可以帮助!:-)