html - 为“事件”和“非事件”人物类添加不同的混浊

我正在尝试在轮播滑块上的图像上创建不同的不透明度。

有两种DIV类别，一种聚焦，另一种则无法聚焦/无效。


figure class="flkty-carousel__cell gallery-item object-fit-img object-fit-img--loaded"
figure class="flkty-carousel__cell gallery-item object-fit-img object-fit-img--loaded is-selected"


我希望加载的DIV的不透明度为0.5，“已选择”的DIV的不透明度为1。

我可以轻松地将其添加到CSS中：

.flkty-carousel__cell {
    opacity: 0.5;
}

但是现在所有图像的不透明度都为0.5。

如何添加正确的CSS来分隔两个DIV类？

最佳答案

.flkty-carousel__cell.is-selected {
    opacity: 1;
}

该选择器将定位同时具有.flkty-carousel__cell类和.is-selected类的元素。

关于html - 为“事件”和“非事件”人物类添加不同的混浊，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47373546/