首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >表格文本悬停和链接颜色

表格文本悬停和链接颜色
EN

Stack Overflow用户
提问于 2013-03-28 18:32:04
回答 2查看 563关注 0票数 3

我有html表格和布局(类似的东西,我也使用haml+sass):

代码语言:javascript
复制
.zebra{
 .zebra-stripe{
  &.zebra1{
  a{
    color: red;
  }
  a:hover{
    color: blue;
  }
 }
}

我的htm表有zebra类,tr有.zebra-stripe .zebra1类

但我有与其他风格(如按钮)的链接,这个链接有自己的高度与背景,但颜色设置为橙色悬停,

代码语言:javascript
复制
.details-link{
  width: 70px;
  margin: 2px;
}
.details-link:hover{
  color: orange;
}

但是当我的鼠标在这个链接上时,它的颜色不是橙色,而是为表设置的蓝色。怎么啦?

如何将链接悬停文本颜色设置为橙色(我已将其设置为橙色,但它无法正常查看)...

如果有什么不清楚的地方,请在评论中写给我。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2013-03-28 18:35:11

你的问题是你使用的选择器的特异性,.zebra .zebra-stripe.zebra1 a:hover.details-link:hover更具体。尝试以下操作,使您的选择器更具体:

代码语言:javascript
复制
.zebra .zebra-stripe.zebra1 a.details-link:hover {
    color: orange;
}
票数 0
EN

Stack Overflow用户

发布于 2013-03-28 18:35:11

试试这个:

代码语言:javascript
复制
a.details-link:hover{
    color: orange;
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/15679512

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档