链接伪类样式不生效:为何列表中所有链接均变为#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
相关产品推荐
相关产品推荐

