CSS馬克所選元素的前景色

Question

我有這個元素（HTML & CSS）：

一旦用戶選擇此元素，我將其添加下面的類：

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

的背景顏色效果很好，但文字的顏色不會改變。

下面是它的外觀在HTML：

非常感謝您！

Answer 1

我注意到文本在<a>標記中，並且默認情況下錨定標記不會繼承color。

您可以直接設置顏色就可以了：

.subjectSelected a { color: white; } 

或：

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