Javascript 为什么我的按钮'；你的背景没有改变吗？

我无法更改按钮的背景

HTML:

JS:

---

我假设应该是CSS片段中的一个主要

.direct-link-box-container .get-button {
    background-color: #BDBDBD; 
    border: none; 
    border-radius: 1px; 
    height: 40px; 
    width: 50px; 
    color: #FFFFFF; 
    transition: background-color 0.2s ease;
} 
.direct-link-box-container .get-button-hover{
^^^^^^^^^^^^^^^^^^^^^^^^^^ see specificity link below
    background-color: blue;
}

---

参见CSS专一性

我知道如何使用CSS，但你能告诉我如何使用Jquery吗？@Pekka-它只（某种程度上）有效，因为CSS中有一个输入错误-没有应用第一个选择器中的样式，尽管它应该是这样工作的？我将你的CSS添加到它中，现在有一个转换，但我只是猜测，因为克什蒂似乎已经从这个星球上消失了

direct-link-box-container .get-button
    {
        background-color: #BDBDBD;
        border: none;
        border-radius: 1px;
        height: 40px;
        width: 50px;
        color: #FFFFFF;
        transition: background-color 0.2s ease;
    }
    .get-button-hover
    {
        background-color: blue;
    }

$(document).ready(function () {
        $('.get-button').hover(function () {
            $(this).addClass('get-button-hover');
        },
        function () {
            $(this).removeClass('get-button-hover');
         }
        );
    });

.direct-link-box-container .get-button {
    background-color: #BDBDBD; 
    border: none; 
    border-radius: 1px; 
    height: 40px; 
    width: 50px; 
    color: #FFFFFF; 
    transition: background-color 0.2s ease;
} 
.direct-link-box-container .get-button-hover{
^^^^^^^^^^^^^^^^^^^^^^^^^^ see specificity link below
    background-color: blue;
}