css如何覆盖一部分轮播图

CSS的样式优先级有四个级别，分别是：

1. 浏览器默认样式
2. 外部样式表
3. 内部样式表
4. 内联样式

当多个样式规则应用于同一个元素时，浏览器会按照以上的优先级去应用，并且优先级高的样式规则会覆盖优先级低的样式规则。

针对轮播图做如下样式覆盖：

.carousel-item.active {
  opacity: 1;
}

这个样式规则会使得轮播图当前激活的这一张完全不透明，但是轮播图的下一张、前一张还是会半透明的显示。

.carousel-item:not(.active) {
  opacity: .5;
}

这个样式规则会使得轮播图当前没有激活的那些图片完全透明度50%显示。

使用这些样式规则时，需要确保它们的优先级比轮播图的默认样式优先级更高。在CSS的写法中，样式规则写在后面的会覆盖前面的，因此把上述代码放在需要覆盖默认样式的轮播图的CSS文件中，并确保文件最后被引入即可。