表懸停文字和鏈接的顏色

Question

我有HTML表格和佈局爲它（類似的東西，我也使用HAML + SASS）：

.zebra{ 
.zebra-stripe{ 
    &.zebra1{ 
    a{ 
    color: red; 
    } 
    a:hover{ 
    color: blue; 
    } 
} 
} 

我HTM表有一流的斑馬，和TR具有類.zebra -stripe .zebra1

但我有其他樣式（如按鈕）鏈接，這個鏈接有自己的背景高度，但顏色設置好的橙色懸停，

.details-link{ 
    width: 70px; 
    margin: 2px; 
} 
.details-link:hover{ 
    color: orange; 
} 

但是當我的鼠標通過這個鏈接它是合作lor不是橙色的，而是藍色的，就像桌子一樣......出了什麼問題？

如何設置鏈接懸停文本顏色爲橙色（我設置好的，但它不能正常觀看）....

如果事情是不明確寫我的意見......

Answer 1

你的問題是你使用選擇的特殊性，.zebra .zebra-stripe.zebra1 a:hover比.details-link:hover更具體。嘗試以下代替，以使您的選擇更具體：

.zebra .zebra-stripe.zebra1 a.details-link:hover { 
    color: orange; 
} 

Answer 2

嘗試出這個：

a.details-link:hover{ 
    color: orange; 
}