У меня возникли проблемы со стилем моих кнопок здесь. Я относительно новичок в этом, поэтому я уверен, что это как-то связано с моими селекторами. Я пытаюсь установить шрифт белого цвета для кнопки, которая имеет класс «активный». Обе кнопки имеют серый шрифт, как если бы они содержали неактивные. Мой код выглядит следующим образом:
<div class="form">
<ul class="tab-group">
<button class="active" type="button" id="btn-show-login">Log In</button>
<button class="inactive" type="button" id="btn-show-signup">Sign Up</button>
</ul>
...
</div>
.tab-group {
...
.active button {
background:$main;
color:$white;
}
}