0

テーブルにカーソルを合わせたときに特定の背景色を作成するために、以下のようなCSSがあります。

.cb_table-hover tbody tr:hover td ,
.cb_table-hover tbody tr:hover th {
  background-color: #cfe2e8;  
}

<td>私の中には、この<div>ホバーカラーの狂気から除外したいがあります。

<td>
 <div class="override_td">
    {% include '_test_edit.html' %}
 </div>
</td>

そこで、最初のホバーcssの否定を思いつきました。

.cb_table-hover tbody tr:hover td:not(.override_td) ,
.cb_table-hover tbody tr:hover th:not(.override_td) {
  background-color: #cfe2e8;  
}

しかし、Aptana Studioが次のように叫んでいるため、私はすでに惨めに失敗したようです。

否定疑似クラス、:not(X)は、単純なセレクター（否定疑似クラス自体を除く）を引数として取る関数表記です。引数で表されない要素を表します。否定はネストできません。:not(:not(...))無効です。疑似要素は単純なセレクターではないため、。への有効な引数ではないことにも注意してください:not()。

例次のセレクターは、無効にされていないHTMLドキュメント内のすべてのボタン要素に一致します。button:not([DISABLED])次のセレクターは、FOO要素を除くすべてを表します。*:not(FOO)次のセレクターのグループは、リンクを除くすべてのHTML要素を表します。 html|*:not(:link):not(:visited)

だから私はなぜそれが私のセレクターを好きではないのか混乱していますか？

4

1 に答える 1

1

セレクターは整形式に見え（そしてAptana警告メッセージに示されているルールに従います）、このフィドルによれば正しく機能します。実際の失敗（Aptanaからの苦情のみ）については言及していないので、問題なく機能すると思います。

Aptanaの苦情の理由は、無効なものを:notあまり厳密にスキャンしていないためである可能性があります。セレクター文字列に2つの疑似クラスが含まれているという理由だけで:not、コンマで区切られていても、Aptanaはそれらが無効であると見なす可能性があります。

于 2012-12-17T19:34:27.837 に答える