0

我有以下情况：

.table_green {
background: #B4E391;
}
.data_table tbody tr:hover {
background-color: #fff;
cursor: pointer;
}
.unclickable_table tbody tr:hover {
background-color: inherit;
cursor: default;
}

现在tr原来是绿色的，我希望在设置表格class='data_table unclickable_table'后，将鼠标悬停在tr具有table_green类的属性上，该background-color属性不会改变并保持绿色，但inherit似乎不起作用

示例 html：

<table class='data_table unclickable_table'>
<tbody>
<tr class='table_green'>
 <td>Untill it goes Click!</td>
</tr>
</tbody></table>

或者这个小提琴：http: //jsfiddle.net/nyDNc/1/

有什么帮助吗？

4

3 回答 3

1

这是一个解决方案，希望它可以在您的结构中工作，因为它取决于您如何设置表格元素的样式。

inherit不起作用，因为它是从没有背景的表继承的。相反，您可以tr设置并更改td悬停时的颜色，以便它具有可继承的上下文。

请参阅JSFiddle 上的工作示例。

CSS是：

.table_green {
  background: #B4E391;
}
.data_table tbody tr:hover td {
  background-color: #fff;
  cursor: pointer;
}
.unclickable_table.data_table tbody tr:hover td {
  background-color: inherit;
  cursor: default;
}
于 2013-06-03T14:20:28.440 回答
0

为什么要添加第二个类以覆盖第一个类的效果。你为什么不直接删除你不想影响的行上的“data_table”类。

于 2013-06-03T14:19:01.433 回答
0

我不确定我是否非常了解你，但是

DEMO IS HERE:
http://jsfiddle.net/nyDNc/1/
于 2013-06-03T14:36:12.530 回答