Css 如何更改悬停时表格行的颜色

我正在尝试更改悬停时表格行的颜色。 通过使用row:hover，但通过这种方式，它只是悬停在一个有孔的单元格上，这是显而易见的。 但是当我尝试使用

行单元格：hover

时，它没有任何效果。这是我的html

JSfiddle：

硅。不
申请日期
客户名称
贷款金额
贷款状况
行动
{{i+1}}
{{item.date}
{{item.name}
{{item.amount}}
{{item.status}

通过删除类

.row

和

之间的空格给出如下样式：hover

.row:hover {
    background: green;
}

---

通过删除类

.row

和

：hover

之间的空格，给出如下样式

.row:hover {
    background: green;
}

试试这个

#table .row:hover {
 /*add your css here*/
}

试试这个

#table .row:hover {
 /*add your css here*/
}

---

只需添加

！重要的

关键字

  .row :hover {
    background: green !important;
  }

---

jsFIDLE:

只需添加

！重要的

关键字

  .row :hover {
    background: green !important;
  }

jsiddle:

试试这个：

正文{
背景：卡卡卡；
保证金：0；
填充：20px；
字体系列：“HelveticaNeue灯”，“Helvetica Neue灯”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：300；
}
#桌子{
显示：表格；
宽度：100%；
背景：#fff；
保证金：0；
框大小：边框框；
}
.标题{
显示：块；
宽度：100%；
背景：#64e0ef；
高度：55px；
左侧填充：10px；
颜色：#fff；
字体大小：20px；
线高：55px；
文本阴影：1px1px1pRGBA（0,0,0,3）；
框大小：边框框；
}
.标题行{
背景：#8b；
颜色：#fff；
}
.行{
显示：表格行；
}
.行：悬停{
背景：绿色；
}
.细胞{
显示：表格单元格；
填充：23px；
边框底部：1px实心#e5；
文本对齐：居中；
}
.小学{
文本对齐：左对齐；
}
输入[type=“radio”]，
输入[type=“checkbox”]{
显示：无；
}
@仅介质屏幕和（最大宽度：760像素）{
身体{
填充：0；
}
#桌子{
显示：块；
利润率：44px0；
}
.标题{
位置：固定；
排名：0；
文本对齐：居中；
高度：44px；
线高：44px；
z指数：5；
边框底部：2倍实心#999；
}
.行{
位置：相对位置；
显示：块；
边框底部：1px实心#ccc；
}
.标题行{
显示：无；
}
.细胞{
显示：块；
边界：无；
位置：相对位置；
高度：45px；
线高：45px；
文本对齐：左对齐；
}
.小学：之后{
内容：“；
显示：块；
位置：绝对位置；
右：20px；
顶部：18px；
z指数：2；
宽度：0；
身高：0；
边框顶部：10px实心透明；
边框底部：10px实心透明；
右边框：10px固体#ccc；
}
.单元：第n个类型（n+2）{
显示：无；
}
输入[type=“radio”]，
输入[type=“checkbox”]{
显示：块；
位置：绝对位置；
z指数：1；
宽度：99%；
身高：100%；
不透明度：0；
}
输入[type=“radio”]：选中，
输入[type=“checkbox”]：选中{
z指数：-1；
}
输入[type=“radio”]：选中~.单元格，
输入[type=“checkbox”]：选中~.单元格{
显示：块；
边框底部：1px实心#eee；
}
输入[type=“radio”]：选中~。单元格：第n个类型（n+2），
输入[type=“checkbox”]：选中~。单元格：类型的第n个（n+2）{
背景：#e0；
}
输入[type=“radio”]：选中~。单元格：类型的第n个（n+2）：之前，
输入[type=“checkbox”]：选中~。单元格：类型的第n个（n+2）：之前{
内容：attr（数据标签）；
显示：内联块；
宽度：60px；
背景：#999；
边界半径：10px；
高度：20px；
右边距：10px；
字体大小：12px；
线高：20px；
文本对齐：居中；
颜色：白色；
}
输入[type=“radio”]：选中。主，
输入[type=“checkbox”]：选中~.primary{
边框底部：2倍实心#999；
}
输入[type=“radio”]：选中~。主：之后，
输入[type=“checkbox”]：选中~。主：之后{
位置：绝对位置；
右：18px；
顶部：22px；
右边框：10px实心透明；
左边框：10px实心透明；
边框顶部：10px实心#ccc；
z指数：2；
}
}
.细胞{
高度：10px；
背景：绿色；
}
.手机：悬停{
背景：红色；
}

硅。不
申请日期
客户名称
贷款金额
贷款状况
行动
1.
2017年1月5日
xyz先生
60k
打开

试试这个：

正文{
背景：卡卡卡；
保证金：0；
填充：20px；
字体系列：“HelveticaNeue灯”，“Helvetica Neue灯”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：300；
}
#桌子{
显示：表格；
宽度：100%；
背景：#fff；
保证金：0；
框大小：边框框；
}
.标题{
显示：块；
宽度：100%；
背景：#64e0ef；
高度：55px；
左侧填充：10px；
颜色：#fff；
字体大小：20px；
线高：55px；
文本阴影：1px1px1pRGBA（0,0,0,3）；
框大小：边框框；
}
.标题行{
背景：#8b；
颜色：#fff；
}
.行{
显示：表格行；
}
.行：悬停{
背景：绿色；
}
.细胞{
显示：表格单元格；
填充：23px；
边框底部：1px实心#e5；
文本对齐：居中；
}
.小学{
文本对齐：左对齐；
}
输入[type=“radio”]，
输入[type=“checkbox”]{
显示：无；
}
@仅介质屏幕和（最大宽度：760像素）{
身体{
填充：0；
}
#桌子{
显示：块；
利润率：44px0；
}
.标题{
位置：固定；
排名：0；
文本对齐：居中；
高度：44px；
线高：44px；
z指数：5；
边框底部：2倍实心#999；
}
.行{
位置：相对位置；
显示：块；
边框底部：1px实心#ccc；
}
.标题行{
显示：无；
}
.细胞{
显示：块；
边界：无；
位置：相对位置；
高度：45px；
线高：45px；
文本a