css - 列表样式类型无不起作用

Question

当我构建我的网站时，我输入了以下代码。但是，List Style Type None None 代码没有删除每个元素之前的点/元素符号。我试过 !important 但失败了。谁能告诉我为什么？

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

希望对您有所帮助! :-)