css中链接：hover下文字颜色无法修改的问题

<ul>
            <li>
                <a href="images/crown.jpeg" >Crown</a>
            </li>
            <li>
                <a href="images/light.jpg">Fireworks</a>
            </li>
            <li>
                <a href="images/mission.jpeg">Mission</a>
            </li>
</ul>

错误的css

a {
    color: rgb(75, 75, 75);
    background-color: transparent;
    font-weight: bold;
    text-decoration: none;
}

li:hover {
    background-color: #333;
    color: rgb(255, 255, 255);
}

你能发现问题在哪里嘛？对！就是选择器错了，不是li:hover而是a:hover ：hover前必须是a，不能是别的。所以建议nav里不要用ul，li。直接用,然后用display：flex弹性盒修改就行，不然容易出错还麻烦。

一般：hover 中改不了文本颜色，1.看看css的应用路径是否有问题。 2.看看：hover前的选择器是否特殊级比较低。如果是的话，设置id。3.可能是你选择器错了，是链接a而不是li或什么其他的。欢迎在评论区补充。