仅更改'；a'；在css类中使用rgba

我有一个可以确认某些元素的应用程序。创建它们时，它们默认为未确认，然后变为已确认。它们可以属于另一个A类或B类

如果它们属于，我有一个css规则

.a {
   background-color: red
}

如果它们属于B，则css规则为

.b {
   background-color: blue
}

现在我有未确认和确认的课程。如果确认，则类添加1.0的不透明度，如果未确认，则添加0.5的不透明度。我的问题是.5也会影响元素上的文本，这使得阅读起来很麻烦

理想的情况下，我可以有 .a{ 背景色：rgba（255,0,0,X） }

---

是否可以仅在另一个类上覆盖alpha值？我不想为.confirm或.unconfirm类指定颜色，因为它可以根据类是.a还是.b而改变

您不能仅覆盖背景alpha频道。幸好你不需要：）

只需将类选择器组合在一起，即可设置组合样式，如下所示：

.a.未确认

和

.a.已确认

例子

div{
显示：内联块；
}
未经证实{
高度：100px；
宽度：100px；
背景：rgba（255,0,0,0.5）；
}
a.确认{
高度：100px；
宽度：100px；
背景：rgba（255,0,0,1）；
}
b.未确认{
高度：100px；
宽度：100px；
背景：rgba（0,0,255,0.5）；
}
b.确认{
高度：100px；
宽度：100px；
背景：rgba（0,0,255,1）；
}

已确认
不定时
证实
未定时

可能重复No，不可能仅更改alpha.以响应注释。我不想要黑色背景。。。它需要根据类别而改变，红色或蓝色（视图…问题…）。这个问题与悬停时的rgba无关，但我认为本质上是相似的@谢谢。有什么可能的解决办法吗。您可以使用预处理器。2.“你可以使用javascript。”我想这是真的。需要缩小我的头。谢谢。这是一个事后诸葛亮的例子，是超级20/20哈哈，但我相信这会帮助其他深夜程序员=P。谢谢你的回答和片段。