按钮中的悬停效果不是'；t在react中使用css模块

我在一个按钮上有两种不同的悬停效果。带有

.Red

类的那个可以很好地工作，但是常规的

.Button

类不能

。按钮{
背景颜色：绿色；
颜色：白色；
字体：继承；
边框：1px纯蓝色；
填充：8px；
光标：指针；
};
//这个不行
.按钮：悬停{
背景颜色：浅绿色；
颜色：黑色；
}
.按钮，红色{
背景色：红色；
}
.按钮.红色：悬停{
背景颜色：鲑鱼；
颜色：黑色；
}

点击我
单击我

您有一个“}”之后的“；”删除它，它应该可以工作

.Button {
  background-color: green;
  color: white;
  font: inherit;
  border: 1px solid blue;
  padding: 8px;
  cursor: pointer;
};

---

请将您的HTML添加到问题中，以便我们可以重现该问题。感谢您指出这一点。我会继续做下去。天哪，我真不敢相信我居然错过了那一次！非常感谢你！它正在工作：）