将CSS样式表应用于除一个之外的所有元素

Question

我有几个网格（kendo网格）。这有其共同的风格和悬停效果。我想只为一个名为mygrid的网格阻止这种悬停效果。

试了这个没有成功：

 .k-grid tr:hover :not(#mygrid)
 {
  color:White;
  background-color:#90B5DA;
 }

Answer 1

not的正确用法附加到另一个选择器。例如：

.k-grid:not(#mygrid)

将选择类k-grid的所有元素，除非该元素的ID为mygrid

所以你想要的是这个：

.k-grid:not(#mygrid) tr:hover

来源：http://www.w3.org/TR/selectors/#negation

Answer 2

已建议使用:not()是正确的。为了获得更广泛的支持，您可以考虑执行以下操作：#mygrid的悬停状态与＆＃34; off＆＃34;相同。状态：

.k-grid tr,
#mygrid tr:hover /* Add this rule to the "off" state */
{
  color:Grey;
  background-color:#333;
}

.k-grid tr:hover
{
  color:White;
  background-color:#90B5DA;
}