Html 为什么导航栏文本的颜色不变？

我的导航栏HTML如下所示：

nav{
字体大小：20px；
列表样式类型：无；
颜色：红色；
}

因为锚定标签

这是导航中的锚定标签（a）。标记的默认属性为Styleing，不能被父导航标记覆盖。 您要做的是分别设置标记的样式，然后首先删除文本装饰。 您的最终css将是：

nav ul li a{
  text-decoration: none;
  color: red;
}

---

它不会更改，因为您正在设置未排序列表中的锚标记的样式。要做到这一点，您应该针对未排序列表中的所有锚点，并且列表样式类型将不适用于nav，而是适用于未排序标记。检查下面的代码片段

nav-ul{
列表样式类型：无；
}
海军ulli a{
颜色：#ff0000；
}

尝试添加

a:not（：hover）{color:inherit；}

查看

！重要信息