鼠标悬停事件

html表格⾏的悬停事件,html–悬停后更改其他表格元素的样式

这是我的表:(我知道我必须使⽤div⽽不是表格)

Service&Support

TableData1TableData2TableData3TableData4

当我将⿏标悬停在.text-left上时,我希望为.text-top类提供另⼀种背景和颜⾊.该表还必须具有不同的box-shadow.

这是我的CSS：

.text-left:-fill{

box-shadow:026px74pxrgba(0,0,0,0.69);

}

.text-left:-top{

background:#fff;

color:#4E5066;

}

我试过.text-left：hover~.table-fill,.text-left：-fill和.text-left：hover>.table-fill但这不起作⽤.

我也看了Here,Here和Here,但这并没有解决我的问题.

我希望尽可能避免使⽤jQuery.

最佳答案为什么不改变表格上的样式悬停本⾝,因为你的所有内容都有⽂本左侧类,就像悬停在表格内的任何地⽅⼀样.这只是我的建议.

.table-fill:hover{

box-shadow:026px74pxrgba(0,0,0,0.69);

}

.table-fill:-top{

background:#fff;

color:#4E5066;

}

Service&Support

TableData1TableData2TableData3TableData4