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

Question

我有几个网格（剑道网格）。这与悬停效果有共同的风格。我想只为一个名为 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()是正确的。为了获得更广泛的支持，您可以考虑做这样的事情，其中​​ :hover 状态#mygrid与“关闭”状态相同：

.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;
}