表悬停文字和链接的颜色

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; 
}