CSS :not()选择器未按预期生效，分页.active链接样式异常求助

嘿，问题出在你的CSS选择器上！你写的 .pdf-pagination a:not(.active) 是在找自身没有.active类的<a>标签，但你的.active类其实是加在父元素<li>上的，不是<a>本身——所以这个选择器会匹配所有的<a>，包括数字1对应的那个，自然它也会变成红色啦。

给你两种解决办法，选哪种都可以：

方法一：针对父元素过滤 #

直接调整选择器，只选中父元素<li>没有.active类的<a>：

.pdf-pagination li:not(.active) a {
  color: red;
  text-decoration: none;
}

这样一来，只有非活跃状态的分页项里的链接会变红，活跃项（带.active的li）里的链接就不会被这个规则影响，保持默认颜色。

方法二：优先级覆盖 #

先给所有分页链接统一设置红色，再用更高优先级的选择器单独给活跃项的链接设置你想要的颜色：

.pdf-pagination a {
  color: red;
  text-decoration: none;
}
.pdf-pagination li.active a {
  color: #333; /* 换成你需要的非红色，比如默认的深色 */
}

这种方式更直观，也方便你后续自定义活跃状态链接的样式。

内容的提问来源于stack exchange，提问作者Dale