html如何更改子元素文字颜色,CSS更改父级悬停上的子元素字体颜色

我试图让它如此：当将鼠标悬停在td上时，跨度内部变为白色，并且td的背景变为蓝色。但是，没有一个类似的问题似乎对我有帮助。表例如CSS更改父级悬停上的子元素字体颜色

第一行：

Account Holder Collection Procedures

AMVIR Help Sheet

下面是一些CSS我已经试过了不工作：

td:hover > h4 > span{

color: #fff !important;

}

td:hover > span{

color: #fff !important;

}

td:hover ~ span{

color: #fff !important;

}

td:hover + span{

color: #fff !important;

}

td:hover span{

color: #fff !important;

}

这使得TD背景正确的颜色，但将只改变跨度颜色，如果你将鼠标移过跨度，而不是td：

td:hover{

background: #0073a5;

}

span:hover{

color: #fff !important;

}

这是上面的CSS是什么样子，如果我把我的鼠标在TD上，而不是跨度：

解决方案：

div[class*="et_pb_tab_"] td:hover span{

color: #fff !important;

}

你的CSS似乎完全依赖于这个类'.et_pb_tab_0'我看到无处的HTML。 –

这是一个更大更复杂模块的snipet。这是不相关的，因为我可以使用这个CSS来设置html中的内容。我只是修剪了脂肪以节省一些空间。我的问题与语法有关，而不是这个例子的样子。 –

根据您已经定义的其他样式，'td：hover span {color：#fff！important;}'应该可以让您在那里 –

html如何更改子元素文字颜色,CSS更改父级悬停上的子元素字体颜色相关推荐

html子级透明度不随父级别,我不想从CSS的父级继承子级不透明度
我不想从CSS的父级继承子级的不透明度. 我有一个div是父级,而我在第一个div中有另一个div是孩子. 我想在父div中设置opacity属性,但我不希望子div继承opacity属性. 我怎样才 ...
css居父容器下,整理：子容器垂直居中于父容器的方案
本文在evernote里有备份.如果evernote的阅读区域嫌窄了,那么可以把这个链接拖入书签并点击javascript:jQuery("#container").width(9 ...
浮动元素经常和标准流父级搭配使用（HTML、CSS）
浮动元素经常和标准流父级搭配使用(HTML.CSS) <!DOCTYPE html> <html lang="en"><head><met ...
angular.js使用路由时,子控制器监听不到父级$boardcast的事件
2019独角兽企业重金招聘Python工程师标准>>> 环境:angular.js+sastruts+apache-tomcat angular.js中当使用路由时,控制器之间通信使 ...
html 改变文本框字体颜色,CSS更改文本框的字体颜色
我已搜索和搜索,但不能很好地得到这个权利.我在我的网站上有一个文本框,在我的CSS/HTML中,我将它定义为一个类,就像其他任何东西一样,并给它一个背景图像没有问题.我决定我需要改变字体颜色,但不管我 ...
css变成块级元素_【CSS】块级元素
完整的框模型(Box Model) 不同的宽度.高度.内边距和外边距相结合,就可以确定文档的布局. 大多数情况下,文档的高度和宽度由浏览器基于可用的显示区域和其他一些因素自动确定. 1.元素框的最内部 ...
gimp怎么更改已有文字_gimp怎么更改已有文字_用GIMP软件怎么制作文字图片及其倒影?...
很多时候我们会想要制作文字图片,这样我们就能够用制作好的文字图片,把它当成是水印应用到其他的图片上,下面小编为大家带来用GIMP软件制作文字图片及其倒影的方法步骤,希望对大家有帮助? 制作文字图片方法 ...
js margin作用到父元素_CSS中margin-top对父级元素产生作用的问题
在页面重构中,利用margin进行定位非常常见,然而margin-top这个属性经常会给我们带来一定的困扰,有时候不起作用,还把父层"拉"了下来,如图所示: 代码如下: test2 ...
hexo的yelee主题修改左上角的博客名字颜色、修改代码模块中的引号内部的字体颜色
一.修改左上角的博客名字颜色路径: themes/yelee/source/css/_partial/main.styl 找到下列代码: #header{width:100%;a {color: # ...

html如何更改子元素文字颜色,CSS更改父级悬停上的子元素字体颜色

html如何更改子元素文字颜色,CSS更改父级悬停上的子元素字体颜色相关推荐

最新文章

热门文章