unosić z nth-child

Question

Zastanawiałem się, czy możliwe jest użycie najechaniu na n-dziecko jak tak

#gallery a img:hover { 
    display: block; 
    height:300px; 
    width:450px; 
    position:absolute; 
    z-index:99; 
    margin-left:-112.5px; 
    margin-top:-75px; 
    -webkit-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5); 
    -moz-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5); 
    box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5); 

} 

od tego tu do jakiejś rzeczy jak ten tutaj, tylko jej nie działa

#gallery a img:hover:nth-child(1n+4) { 
     display: block; 
     height:300px; 
     width:450px; 
     position:absolute; 
     z-index:99; 
     margin-left:-112.5px; 
     margin-top:-75px; 
     -webkit-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5); 
     -moz-box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5); 
     box-shadow: 0 2px 15px 1px rgba(0, 0, 0, 0.5); 

    } 

Answer 1

#gallery a:hover:nth-child(1n+4) 

Będzie działał poprawnie, ale styl tagów A zamiast IMG w środku.

Kiedy trzeba oznaczyć jak ...

<a href="#"><img src=""/></a> 
<a href="#"><img src=""/></a> 
<a href="#"><img src=""/></a> 
<a href="#"><img src=""/></a> 
<a href="#"><img src=""/></a> 

Nie można wybrać wewnętrzną IMG a następnie spróbuj zastosować nth-child na nim, ponieważ jest tylko 1 IMG wewnątrz znacznika.

Patrz JSFIDDLE utworzonego http://jsfiddle.net/fXS93/2/

Wszelkie zmiany w jaki sposób znaczników IMG jest owinięty zresetuje dopasowanie CSS i kalkulacje nth-child. Obowiązuje to nawet wtedy, gdy pasujesz do KLASY, że wszystkie udziały IMG.

Dotyczy to najnowszych wersji FF, Chrome i IE9.

Answer 2

w której przeglądarce próbowałeś? i na ile elementów wprowadziłeś formułę? to będzie działać z trzeciego elementu w swoim elementu nadrzędnego I
należy dodać :hover
po nth-child tak: :nth-child(1n+4):hover
chociaż to przyzwyczajenie praca w IE8 lub wcześniej
EDIT:
próbowałem i kolejność nie wpływa na wynik można umieścić :hover przed :nthchild()