Чтобы выделить цвет текста элемента списка

Question

У меня есть 2 компонента с именами list и details, которые я поместил внутри другого компонента с именем customer, который выглядит следующим образом:

Сценарий: По умолчанию выбран первый элемент списка (i, e customer-one) означает, что его background-color выделен, как показано на рисунке. Когда я щелкаю следующий элемент (скажем, обычное-два)этот элемент будет выделен.

Здесь проблема заключается в следующем: Я тоже хочу выделить text-color .. :) Я попытался дать, например: (цвет: красный!важно;) .по-прежнему безрезультатно.

Вот блик стека ссылка

Answer 1

.selected span{
    color:red!important;
}

Это будет работать наверняка, так как текст находится внутри диапазона.

Answer 2

Ваш ответ был решен раньше, но вы должны стараться не использовать! Важно.Вот код без! Важного флага:

.selected span{
          color:red;
    }

Answer 3

Попробуйте это

.selected span{
          color:red!important;
    }