CSS 标记所选元素的前景色

Question

我有这个元素 (HTML & CSS):

一旦用户select这个元素，我就给它添加如下class:

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

背景颜色很好，但文本的颜色没有改变。

下面是它在 HTML 中的样子：

非常感谢！

Answer 1

我注意到文本在 <a> 标签中，锚标签默认不继承 color。

可以直接在上面设置颜色：

.subjectSelected a { color: white; }

或：

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