css - 为什么按钮元素不受CSS的影响？

我在样式按钮元素方面有问题。这是示例：

$clrWhite: #fff;
$clrPrimary: #3c9494;
.khanbank__button {
    display: block;
    height: 50px;
    border: none;
    color: $clrWhite;
    cursor: pointer;
    &--primary {
        background: $clrPrimary;
        &:hover {
            background: darken($clrPrimary, 5%);
        }
    }
}

这是我尝试过的：

Test

最佳答案

我看到您正在使用BEM

问题出在您的HTML上，因为您需要将两个类都应用于该元素

<button class="khanbank__button khanbank__button--primary">Test</button>