突出显示列表项文本颜色

Question

我有两个分别称为list和details的组件，它们放置在另一个名为customer的组件中，如下所示：

场景：默认情况下，选择第一个列表项（即客户一个）意味着它的background-color被突出显示，如图所示。当我单击下一个项目时（例如说custome-2），则该项目将突出显示。

这里的问题是：：我也想突出显示text-color。.:)我尝试给出例如：（color：red！important;） >。仍然没有结果。

这里是link的堆叠闪电战

Answer 1

尝试

.selected span{
          color:red!important;
    }

Answer 2

.selected span{
    color:red!important;
}

这可以肯定地工作，因为文本在范围内。

Answer 3

您的答案之前已得到解决，但您应尽量不要使用！important。 这是不带！important标志的代码：

.selected span{
          color:red;
    }