Css 列表样式类型“无”不起作用

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

.naviMenu
{
列表样式类型：无！重要；
}`

家
关于
正文
照片
专项
接触

试试这个

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

---

CSS无法工作的原因是

列表样式类型

属性必须附加到显示：列表项元素，例如

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>

家

---

希望这有帮助！：-）

你瞄准了错误的元素，请浏览此链接-。请将其标记为应答，因为“naviMenu”只是一个div，为了隐藏项目符号，您需要将其放入

li

本身，因为项目符号就在那里。

.naviMenu ul{list style:none；}

也足够了，只针对列表而不是每个项目。@torazaburo当然，您也可以在

ul

标记上执行此操作：）我只是更喜欢在

li

hahaSure上执行此操作，但事实是说

list style type

属性必须附加到

li

元素是不正确的。可以正确地说，“列表样式类型

属性对具有
display:list item
的元素生效（例如
li
元素），并且可以从任何祖先元素继承（但是请注意，
ul
的用户代理样式表通常会设置一个值，例如
disc
）