Looking to update the CSS code below to change the color of a div to blue when it matches a specific class:
I attempted the following changes, but they did not produce the desired result:
&__header {
display: flex;
justify-content: space-between;
.list-row__statAG {
color: #315ec5; // this style is not applied
border-bottom: 1px solid #315ec5;
height: 80px;
}
.list-row__scTG {
color: #315ec5; // this style is not applied
border-bottom: 1px solid #315ec5;
height: 80px;
}
&>div {
text-align: left !important;
color: #B9BABD !important; // currently using this color -----How can I override it?
}
}
I also attempted the following modification, but it only affected the second element. Is there a way to add a 'not' condition for a class like div:not('.list-row__scTG','.list-row__statAG')?
&>div:not(:nth-last-of-type(2)) {