Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >表格文本悬停和链接颜色

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

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

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

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

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

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

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

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

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

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

EN

回答 2

Stack Overflow用户

回答已采纳

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

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

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

Stack Overflow用户

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

试试这个:

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

https://stackoverflow.com/questions/15679512

复制
相关文章
bootstrap 表格 悬停 鼠标靠近变换颜色
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
用户5760343
2022/01/10
9960
bootstrap 表格 悬停 鼠标靠近变换颜色
BootStrap表格鼠标悬停颜色修改
在实际项目中BootStrap的默认样式可能并不能完全满足我们的需求,在开发过程中本着软件可维护性的需要,我们尽量不对其css文件进行修改,而是自定义添加公共css样式文件。
kirin
2021/02/02
2.4K0
colspan 和rowspan的用法,表格边框颜色和字体颜色设定
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/106213.html原文链接:https://javaforall.cn
全栈程序员站长
2022/08/05
2.2K0
colspan 和rowspan的用法,表格边框颜色和字体颜色设定
bootstrap table 表格颜色
<table class="table table-striped table-bordered table-hover table-responsive"> <tr class="success"><th>aaaa</th><th>bbbbb</th><th>ccccc</th></tr> <tr><td>s</td><td>b123</td><td>2332</td></tr> <tr><td>s</td><td>b123</td><td>2332</td></tr> <tr><td>s</td><td>b123</td><td>2332</td></tr> </table>
用户5760343
2019/07/07
2.3K0
Selenium Chrome Webdriver 如何获取 Youtube 悬停文本
Youtube 是一个非常流行的视频分享平台,有时候我们可能想要爬取一些视频的信息,比如标题、播放量、点赞数等。但是有些信息并不是直接显示在网页上的,而是需要我们将鼠标悬停在某个元素上才能看到,比如视频的时长、上传时间等。这些信息被称为悬停文本,它们是通过 JavaScript 动态生成的,所以我们不能用普通的 HTML 解析方法来获取它们。那么,我们该如何用爬虫来获取 Youtube 的悬停文本呢?本文将介绍一种方法,使用 Selenium Chrome Webdriver 来模拟浏览器操作,获取 Youtube 的悬停文本。
jackcode
2023/07/24
4360
Selenium Chrome Webdriver 如何获取 Youtube 悬停文本
bootstrap table table-hover 鼠标悬停变换颜色
<table class="table table-striped table-bordered table-hover"> <tr><th>aaaa</th><th>bbbbb</th><th>ccccc</th></tr> <tr><td>s</td><td>b123</td><td>2332</td></tr> <tr><td>s</td><td>b123</td><td>2332</td></tr> <tr><td>s</td><td>b123</td><td>2332</td></tr> </table>
用户5760343
2019/07/07
4.2K0
CSS 鼠标悬停图片,显示隐藏文本
我在 JavaScript 鼠标悬停图片,显示隐藏文本 这篇博文当中实现了同样的效果,只不过是通过 JS 来实现的,但其实,通过 CSS 动画也能实现同样的效果,直接看代码吧
Nian糕
2018/08/21
8.6K1
CSS 鼠标悬停图片,显示隐藏文本
Bash echo输出带颜色和背景的文本
Bash echo输出带颜色和背景的文本 1、先上效果图 2、bash代码 #!/bin/bash #*************************************************
程序员小涛
2020/12/03
2.2K0
Bash echo输出带颜色和背景的文本
Python+tkinter+Treeview模拟表格并设置字体和颜色
使用Python标准库tkinter进行GUI开发,使用Treeview组件模拟表格,并设置表头与表格内容的字体、题号不相同,表格中奇偶行的背景色和前景色不相同,选中某行时前景色和背景色会变化并且与默认样式的颜色不相同,为表格插入新行或删除行后自动刷新剩余的表格奇偶行颜色。
Python小屋屋主
2021/07/19
4.8K0
html5学习篇:04 列表 表格 和链接
一:列表 1.ul li  ol li  start=2 2.dl <ol start="3"> <li>sdfs</li> <li>sdfsf</li> </ol> <dl> <dt>奶糖</dt> <dd>牛奶糖</dd> </dl> 二链接 1.a href=”you.html#haha”锚链接 2.target = _blank 新的窗口 3.热点 <img src="./img/aa.jpg"width="100px" height="100px" usemap=
IT工作者
2022/03/14
9930
表格滑动和图片链接,mdnice安排上了!
有一个传说中的微信群,叫做 mdnice 用户群,里面会有很多神奇的用户讨论 markdown 排版相关的各种需求
灵魂画师牧码
2020/07/23
1K0
表格滑动和图片链接,mdnice安排上了!
JavaScript 鼠标悬停图片,显示隐藏文本
当我们在浏览网页的时候,描述性的文本通常不会跟在图片之后,而是当我们将鼠标移至图片上时,才会将文本显示出来,这样的好处是,以突显图片为主,并节省布局空间
Nian糕
2018/08/21
4.1K0
JavaScript 鼠标悬停图片,显示隐藏文本
C#-DevExpress改变表格行颜色
通过行样式进行设置,这里使用了一个转换器,可以根据表格单元格数据满足不同条件时,将行的背景色设置为不同的颜色,参考部分代码如下:
kdyonly
2023/04/06
2.3K0
Navicat怎样导入Excel表格和txt文本的数据
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/qq_39135287/article/details/80881746
拓荒者
2019/03/15
5.3K0
Navicat怎样导入Excel表格和txt文本的数据
javaScript识别网址文本并转为链接文本
最近项目有个需求:用户之间发送消息时,如果发送者输入的信息中含有网址文本,要在接受者界面中显示网址链接,点击该链接直接跳转到网页。 这个功能和 QQ 发送网址文本的效果非常像,可以说是一模一样的。
用户6167509
2019/09/04
4.7K0
Android实现EditText文本颜色渐变
刚开始想着先是设置textColor属性就可以了,然后写了个一个带渐变的shap感觉不好使,于是乎就自定义解决,代码如下
程序员飞飞
2020/02/27
3.3K0
Android实现EditText文本颜色渐变
ios设置文本的边框颜色
比如要实现一个这种效果,当然可能有现成的第三方库,但是几行代码能搞定的就为了这一个功能导入一个库代价还是有点大,那么我们就来自己实现
赵哥窟
2018/09/13
3.6K0
ios设置文本的边框颜色
v-charts 修改文本颜色
<ve-candle :extend=”chartExtend”></ve-candle> this.chartExtend = { ‘xAxis.0.axisLabel.rotate’: 45, //x轴文本倾斜 ‘xAxis.0.axisLabel.color’: ‘white’, //x轴文本颜色 ‘yAxis.0.axisLabel.color’: “white”, //y轴文本改变颜色 legend: { textStyle: { color: ‘white’, } } };
kirin
2020/10/09
1.5K0
使用while循环打印颜色相隔表格
<?php //手动画表格相当于画二维数组 header("Content-Type:text/html; charset=utf8"); echo "<table bord
闵开慧
2018/03/30
1.2K0
jquery 表格样式 交替颜色 选中换色
table { border:0;border-collapse:collapse;} td { font:normal 12px/17px Arial;padding:2px;width:100px;} th { font:bold 12px/17px Arial;text-align:left;padding:4px;border-bottom:1px solid #333;} .even { background:#FFF38F;} /* 偶数行样式/ .odd { background:#FFFFEE;} / 奇数行样式*/ .selected { background:#FF6500;color:#fff;}
用户5760343
2019/10/10
1.4K0
jquery 表格样式 交替颜色 选中换色

相似问题

悬停时更改链接的文本颜色和背景颜色

113

粗体文本和常规文本的不同悬停链接颜色

32

悬停时的链接文本颜色

30

HTML表格和悬停图像和链接

43

Mootools链接悬停和颜色更改

22
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文