为何CSS中list-style: none;无法移除导航栏列表的项目符号？

你的核心问题是CSS文件没有被正确加载，导致list-style: none规则完全没生效，根源在HTML的样式表引入代码里：

<link rel="stylesheet" href="style.css" type="text\css">

这里的type属性值写错了——应该用正斜杠text/css，而不是反斜杠text\css，浏览器无法识别这个错误的MIME类型，所以跳过了样式表加载。

修正后的代码 #

把link标签改成下面这样：

<link rel="stylesheet" href="style.css" type="text/css">

另外，你可以加个简单的测试来确认CSS是否加载成功，比如在全局样式里加一行：

body {
    background-color: #f0f0f0;
}

如果页面背景变成灰色，说明CSS已经正常加载，此时list-style: none也会生效，导航栏的项目符号就会消失。

内容的提问来源于stack exchange，提问作者Bleached