子类字体设置了颜色,父类如何改变子类的字体颜色呢

//这是父类代码
    .card-list{
      &:active{
        color: #409eff !important;
        transition: background .3s;
      }
    }
//这是子类代码
    .content-subtitle{
      color: #999999;
    }

子类设置了color : #999999,父类触发active的时候,为什么子类颜色不能变成父类的颜色#409eff 呢?

.card-list{
      &:active{
        color: #409eff !important;
        transition: background .3s;
        .content-subtitle{
          color:red
        }
      }
    }

建议可以了解一下,选择器优先级,和优先级的计算规则。