CSS „+” selektora nie działa

Question

Staram się tworzyć pewien margines pomiędzy 2 DIV, gdy oboje mają wspólnego rodzica, więc kod jak następuje:

<div class="parent"> 
     <div class="child">hello</div> 
     <div class="child">hello</div> 
    </div> 

i css

.child{background:#ccc; padding:20px} 
.parent .child + .parent .child{ margin-top:520px; } 

można zobaczyć w tym linku: http://jsfiddle.net/hjcY7/

a także w linku jest kolejnym przykładem, że to działa, ale gdy div nie posiada rodzica.

Wszelkie pomysły?

Dzięki!

Answer 1

Musisz ustawić regułę w ten sposób:

.parent .child + .child { 
    margin-top: 520px; 
} 

można zobaczyć go w akcji tutaj http://jsfiddle.net/hjcY7/1/.

Spójrz na Adjacent sibling selectors na W3.