CSS标记所选元素的前景色

Question

我有这个元素（HTML＆amp; CSS）：

一旦用户选择了这个元素，我就添加以下类：

.subjectSelected {
color: white !important;
background-color: #30a5ff;
}

背景颜色效果很好，但文字的颜色不会改变。

以下是HTML的外观：

非常感谢！

Answer 1

我注意到文本位于<a>标记中，默认情况下锚标记不会继承color。

您可以直接在其上设置颜色：

.subjectSelected a { color: white; }

或：

.subjectSelected { color: white; }
.subjectSelected a { color: inherit; }