CSS :hover only works on first instance of class -

CSS :hover only works on first instance of class -

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

in above sample, first row contents responds hover. see http://jsfiddle.net/3jrtq/. i'm not sure i'm doing wrong, particularly since .row .contents {} works instances fine.

i don't want highlight entire row - span text, want whole row respond hover.

is possible css only?

you've nail bug in chrome 25 (and 26, too). remember, seek browser.

css