You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

链接伪类样式不生效:为何列表中所有链接均变为#5bacc3?

问题解决:仅修改第三个导航链接的颜色

你的CSS选择器逻辑错误,导致所有链接都被选中变色。当前的.nav-section__link a:link:last-child会匹配.nav-section__link下所有作为其父元素最后一个子元素的a标签——而你的每个a标签都是所在li的唯一子元素,所以三个链接都会被命中。

正确的写法应该先定位到ul里的最后一个li,再选中其中的a标签:

.nav-section__link li:last-child a:link,
.nav-section__link li:last-child a:visited {
  color: #5bacc3;
}

这样就能精准地只让第三个(也就是最后一个)导航链接变成#5bacc3颜色。

内容的提问来源于stack exchange,提问作者Thành Nhân

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.17 07:20:35