我有html表格和布局(类似的东西,我也使用haml+sass):
.zebra{
.zebra-stripe{
&.zebra1{
a{
color: red;
}
a:hover{
color: blue;
}
}
}
我的htm表有zebra类,tr有.zebra-stripe .zebra1类
但我有与其他风格(如按钮)的链接,这个链接有自己的高度与背景,但颜色设置为橙色悬停,
.details-link{
width: 70px;
margin: 2px;
}
.details-link:hover{
color: orange;
}
但是当我的鼠标在这个链接上时,它的颜色不是橙色,而是为表设置的蓝色。怎么啦?
如何将链接悬停文本颜色设置为橙色(我已将其设置为橙色,但它无法正常查看)...
如果有什么不清楚的地方,请在评论中写给我。
发布于 2013-03-28 10:35:11
你的问题是你使用的选择器的特异性,.zebra .zebra-stripe.zebra1 a:hover
比.details-link:hover
更具体。尝试以下操作,使您的选择器更具体:
.zebra .zebra-stripe.zebra1 a.details-link:hover {
color: orange;
}
发布于 2013-03-28 10:35:11
试试这个:
a.details-link:hover{
color: orange;
}
https://stackoverflow.com/questions/15679512
复制相似问题