CSS 按钮悬停不起作用

Question

这对你们大多数人来说应该是一个简单的问题，但我无法理解它。我的按钮有下面的代码，但即使按钮的样式正确，我似乎也无法让悬停工作:

.eventmark .upcomming_bg {
background: #1178bd;
  background-image: -webkit-linear-gradient(top, #1178bd, #0c3c5c);
  background-image: -moz-linear-gradient(top, #1178bd, #0c3c5c);
  background-image: -ms-linear-gradient(top, #1178bd, #0c3c5c);
  background-image: -o-linear-gradient(top, #1178bd, #0c3c5c);
  background-image: linear-gradient(to bottom, #1178bd, #0c3c5c);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff;
  font-size: 11px;
  text-decoration: none;
}
.eventmark.upcoming.bg:hover{
 background: #3d7a80;
 background: -webkit-linear-gradient(top, #3d7a80, #2f5f63);
 background: -moz-linear-gradient(top, #3d7a80, #2f5f63);
 background: -o-linear-gradient(top, #3d7a80, #2f5f63);
 background: -ms-linear-gradient(top, #3d7a80, #2f5f63);
 background: linear-gradient(top, #3d7a80, #2f5f63);
}

请帮忙。

Answer 1

您在第一个代码块中的两个类之间有一个空格，但在第二个代码块中没有。所以，选择器是不同的。