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; }