.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のみで可能ですか?