Element ui table 鼠标滑过行hover时背景颜色不生效？

Question

如下样式，为什么不生效？

.el-table--enable-row-hover .el-table__body tr:hover>td{
background-color: rgb(202, 18, 18) !important;
}

Answer 1

试了一下，可以生效，https://codepen.io/papersnake/pen/rNZvgVJ

哪问题可能就在你CSS代码里，其它地方是否有冲突了

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 2

应该也需要下钻
/deep/ .el-table__body tbody .el-table__row:hover {
}

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。

Answer 3

是生效的，考虑是不是 css 样式冲突。

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。