Html 链接项锚定{}和a:foo{}之间的CSS前景颜色交互

我有以下HTML代码

    <div>
        <nav>
          <ul>
            <li ><a href="http://a.dummy.com/">A</a></li>
            <li class="selected"><a href="http://b.dummy.com/">B</a></li>
            <li ><a href="http://c.dummy.com/">C</a></li>
         </ul>
        </nav>
      </div>

继续跑

文本内容条目“A”、“B”和“C”的白色前景色仅显示在项目符号上。这是因为如图所示，当href属性存在时，a标记不会继承color属性

但是我不明白“div nav ul li a”的颜色值与

---

（伪选择器）[“div-nav-ul-li a:link”、“div-nav-ul-li a:visted”、“div-nav-ul-li a:hover”和“div-nav-ul-li a:active”。

因为标签具有浏览器设置的默认颜色（与p、span、div不同），所以您必须为标签设置颜色。

div nav ul li {
    background: blue;
    color: white;
}
div nav ul li a {
    color: white;
    text-decoration:none;
}
div nav ul li.selected {
    color: black;
}
div nav ul li.selected a{
    color: black;
}

---

由于a标记具有由浏览器设置的默认颜色（与p、span、div不同），因此您必须为a标记设置颜色。

div nav ul li {
    background: blue;
    color: white;
}
div nav ul li a {
    color: white;
    text-decoration:none;
}
div nav ul li.selected {
    color: black;
}
div nav ul li.selected a{
    color: black;
}

a元素不会继承颜色，因为您在li级别停止。div nav ul li

这将只获取li元素而不是a元素。如果需要a元素

div nav ul li a{
    //CSS properties for the a element
}

2.PSUEDOSelector处理元素状态及其在该状态下的外观。例如，如果要更改悬停时元素的外观，请执行以下操作：

div nav ul li a:hover{
    color: orange;
    //CSS properties for the a element after hover
}

a元素不会继承颜色，因为您在li级别停止。div nav ul li

这将只获取li元素而不是a元素。如果需要a元素

div nav ul li a{
    //CSS properties for the a element
}

2.PSUEDOSelector处理元素状态及其在该状态下的外观。例如，如果要更改悬停时元素的外观，请执行以下操作：

div nav ul li a:hover{
    color: orange;
    //CSS properties for the a element after hover
}

看到这个了吗 加

到你的CSS

在CSS中，您只为

提供了样式，而没有为

提供样式，以查看由四个伪选择器创建的效果


a:链接-为未访问的链接指定样式
a:已访问-指定已访问链接的样式
a:悬停-在鼠标悬停时指定样式
a：激活-指定选定链接的样式
看到这个了吗
加

到你的CSS

在CSS中，您只为
提供了样式，而没有为
提供样式，以查看由四个伪选择器创建的效果


a:链接-为未访问的链接指定样式
a:已访问-指定已访问链接的样式
a:悬停-在鼠标悬停时指定样式
a：激活-指定选定链接的样式
这个
div-nav-ul-li{color:white；}
不起作用的原因是因为这是用于li内部的文本，您需要像这样定位链接
div-nav-ul-li a{color:white；}

看看更新后的。在这里你可以看到链接伪类的效果

W3Schools并不是最好的资源。
这个
div-nav-ul-li{color:white；}
不起作用的原因是因为这是用于li内部的文本，你需要像这样定位链接
div-nav-ul-li a{color:white；}

看看更新后的。在这里你可以看到链接伪类的效果

这里有一个关于它们的好消息。W3Schools不是最好的资源。
你说的“我不明白为什么a元素没有继承颜色”是什么意思。请参阅我的最新帖子。我了解了这一部分，但想知道a和四个a:x伪类之间的关系。你说的是什么“我不明白为什么a元素没有继承颜色。“请看我的最新帖子。我了解了这一部分，但想知道a和四个a:x伪类之间的关系是什么。“伪选择器”是”“它们是真正的选择器。“伪选择器”是”“它们是真正的选择器。谢谢你的回答。我想知道如果简单的“div nav ul li a”也被赋予了“颜色：#123456；”。这个颜色是否被其他四个伪类所覆盖，并且从未在本例中使用过？它似乎在“div nav ul li a{color:#123456；}”中从未使用过。这个观察结果正确吗？谢谢你的回答。如果简单的“div nav ul li a”被赋予了，我想知道小提琴中会发生什么“颜色：#123456；”也是。该颜色是否被其他四个伪类覆盖，并且从未在本例中使用过？它看起来像是在“div nav ul li a{color:#123456；}"从未使用过。此观察结果正确吗？虽然您的答案就目前而言是正确的，但您可能希望通过展示如何使用CSS设置
元素的样式来改进您的答案。尽管您的答案就目前而言是正确的，但您可能希望通过展示如何设置
的样式来改进您的答案元素-来自问题中的代码-使用CSS。