设置按钮内的字体颜色不起作用

Question

我在这里设置按钮样式时遇到麻烦。我对此还比较陌生，因此我可以确定它与我的选择器有关。我试图将字体设置为具有“活动”类的按钮的白色。两个按钮都有灰色字体，好像它们都处于非活动状态。我的代码如下：

<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;
     }
}

Answer 1

尝试button.active，它将起作用！