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

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，它会起作用的！