Javascript 为什么悬停选择器不'；你不能和克莱斯一起工作吗？

我已经为链接（活动、链接等）设置了样式，但是我想用完全不同的样式创建一个按钮，所以我尝试了以下方法：

.r按钮{填充：4px 52px；显示：内联块；文本对齐：居中；字体大小：16px；文本装饰：无！重要；颜色：黑色！重要；边框半径：12px；边框：1px插图#282c37；}
.r按钮：悬停{光标：选择器；颜色：象牙色；}

---

点击按钮

确实如此，您的

颜色：黑色！重要的正在覆盖悬停，并且该
选择器
不是有效的光标。尝试将指针悬停

.r-button:hover { cursor: pointer; }

您将需要删除或删除！在
.r-button
中选择您的颜色，或将其添加到
.r-button:hover
的颜色中


.r按钮{填充：4px 52px；显示：内联块；文本对齐：居中；字体大小：16px；文本装饰：无！重要；颜色：黑色！重要；边框半径：12px；边框：1px插图#282c37；}
.r按钮：悬停{光标：选择器；颜色：象牙色！重要；}
单击按钮
您的
：悬停
伪元素被
覆盖！重要信息
。避免使用
！重要信息
默认类中的规则

额外小费！删除锚定标记的
cursor:pointer
，只需使用空的
href=“#”
属性即可更好地访问


.r按钮{
填充：4px52px；
显示：内联块；
文本对齐：居中；
字体大小：16px；
文字装饰：无；
颜色：黑色；
边界半径：12px；
边框：1px插图#282c37；
}
.r按钮：悬停{
背景色：#282c37；
颜色：象牙色；
}
不要（过度）使用
！重要信息
。