0
.Row:hover .Contents  { background-color:Blue; }

<div class="Row">
   <span class="Contents">Row Contents</span>
</div>
<div class="Row">
    <span class="Contents">Row Contents</span>
</div>

上記のサンプルでは、​​最初の行コンテンツのみがホバーに応答します。http://jsfiddle.net/3JRTQ/を参照してください。特に .Row .Contents {} はすべてのインスタンスで問題なく機能するため、何が間違っているのかわかりません。

行全体を強調表示するのではなく、テキストの範囲だけを強調表示したいのですが、行全体がホバーに反応するようにしたいのです。

これはCSSのみで可能ですか?

4

2 に答える 2

2

Chrome 25(および26も)でバグが発生しました。常に別のブラウザを試してください。

于 2013-02-08T03:32:45.370 に答える
0

この例を修正します。スパンをホバーにする

.Row .Contents:hover  { background-color:Blue; }

または、変更する要素を Div にします。

.Row:hover { background-color:Blue; }

お役に立てれば

于 2013-02-08T05:08:28.217 に答える