Html 按钮悬停不起任何作用

我设置了这些悬停效果，它似乎没有改变任何事情。我不明白为什么

底部的主按钮也会发生同样的情况

body{背景色：#aaa}
.按钮{
背景：#fff；
边界半径：5px；
边界：无；
填充物：5px；
宽度：100px；
高度：50px；
}
.按钮：悬停{
背景#1c1c；
颜色：#fff；
过渡：0.3s；
光标：指针；
}
.按钮主{
背景：黄色；
边界半径：5px；
边界：无；
填充物：5px；
宽度：100px；
高度：50px；
边缘底部：10px；
}
.主按钮：悬停{
背景#1c1c；
过渡：0.3s；
}
.按下按钮{
高度：70像素；
宽度：70px；
边界半径：50%；
边框：1px纯白；
背景：透明；
颜色：白色；
}
.按下按钮：悬停{
背景：白色；
颜色：#1c1c；
边框：1px实心#1c1c；
光标：指针；
}

提交

您将样式表链接到html了吗？ 另外，中的.button-down类没有在css中声明，而是有.button 将.button替换为.button down，然后重试

.button-down{
    background: #fff;
    border-radius: 5px;
    border: none;
    padding: 5px;
    width: 100px;
    height: 50px;
}
.button-down:hover{
    background: #1c1c1c;
    color: #fff;
    transition: 0.3s ease;
    cursor: pointer;
}

---

巴顿班在哪里。移除按钮。从中尝试重新设置按钮类

.button

，而不是按钮标签

button

。我已经添加了css。button down仍然不起作用，页面上的任何悬停都不起作用。请删除问题-投票以关闭，因为问题是由打字错误或无法再现的问题引起的。虽然类似的问题可能在这里的主题，这是一个解决的方式不太可能帮助未来的读者。