如何移除页面导航链接背景色且保留轮播图dot背景色？

要移除网站导航链接的.active背景色，但得保留轮播图对应dot的.active和hover背景色。当前引发冲突的代码是：

.active, .dot:hover {
  background-color: #717171;
}

这段代码同时作用在导航的.active元素和轮播dot上，导致导航出现了不需要的背景色。

不用删除原有代码，加两行精准的CSS就能解决：

1. 把原来的冲突规则修改成只针对轮播dot的激活状态：

/* 替换原来的 .active, .dot:hover 规则 */
.dot.active, .dot:hover {
  background-color: #717171;
}

这样.active样式就只会影响带.dot类的元素，不会碰导航的.active链接了。

2. 如果导航的.active还是有奇怪的背景色，直接加代码重置它：

/* 这里的.nav-link换成你实际用的导航链接类名 */
.nav-link.active {
  background-color: transparent;
  /* 可以顺便设置导航激活状态的文字颜色，比如 #333 */
  color: #333;
}

改完之后，轮播dot的激活和hover背景色会正常保留，导航的.active链接也不会有多余背景色了。

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