css - 1 つを除くすべての要素に CSS スタイルシートを適用する

Question

私はいくつかのグリッド（剣道グリッド）を持っています。これには、ホバー効果を備えた共通のスタイルがあります。mygrid という名前の 1 つのグリッドに対してのみ、このホバー効果を防止したいと考えています。

これを試してみましたが成功しませんでした:

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