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;
}
手机上可以打html与css的app
这使得TD背景正确的颜⾊,但将只改变跨度颜⾊,如果你将⿏标移过跨度,⽽不是td:
td:hover{
background: #0073a5;
}
span:hover{
color: #fff !important;
}
这是上⾯的CSS是什么样⼦,如果我把我的⿏标在TD上,⽽不是跨度:
解决⽅案:
div[class*="et_pb_tab_"] td:hover span{
color: #fff !important;
}
+2
你的CSS似乎完全依赖于这个类'.et_pb_tab_0'我看到⽆处的HTML。 –
+0
这是⼀个更⼤更复杂模块的snipet。这是不相关的,因为我可以使⽤这个CSS来设置html中的内容。我只是修剪了脂肪以节省⼀些空间。我的问题与语法有关,⽽不是这个例⼦的样⼦。 –
+0
根据您已经定义的其他样式,'td:hover span {color:#fff!important;}'应该可以让您在那⾥ –