css не применяется ".class" над тегом "> div"

Question

У меня ниже CSS, и я хочу изменить цвет в div на синий, если он соответствует определенному классу,

Я пытался следовать, но это не работает

&__header {
    display: flex;
    justify-content: space-between;

    .list-row__statAG {
      color: #315ec5; ///this is not applied 
      border-bottom: 1px solid #315ec5;
      height: 80px;
    }
    .list-row__scTG {
      color: #315ec5; ///this is not applied 
      border-bottom: 1px solid #315ec5;
      height: 80px;
    }
    &>div {
      text-align: left !important;
      color: #B9BABD !important; ////it is using this color -----How can I override this ?

    }
  }

I также попытался внести следующее изменение, но оно работает только для 2-го элемента, могу ли я добавить условие не для класса, подобного div: not ('. list-row__scTG', '. list-row__statAG')

  &>div:not(:nth-last-of-type(2)) {

Answer 1

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

&__header {
display: flex;
justify-content: space-between;

.list-row__statAG {
  color: #315ec5 !important; 
  border-bottom: 1px solid #315ec5;
  height: 80px;
}
.list-row__scTG {
  color: #315ec5 !important; 
  border-bottom: 1px solid #315ec5;
  height: 80px;
}
&>div {
  text-align: left !important;
  color: #B9BABD !important; 

}

}