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

錯字錯誤：在2處

.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.upcomming.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 2

在第一個代碼塊中您的兩個類之間有一個空格，但不在第二個代碼塊中。所以，選擇器是不同的。

Answer 3

eventmark.upcoming.bg 

您確定那裏沒有空格嗎？這相當於

<div class="eventmark upcoming bg"> 

所有分配給相同元素的類。