Селектор CSS для родственных классов?

Question

<div class="parent"> 
    <div class="firstChild"></div> 
    <div class="secondChild"></div> 
    <div class="thirdChild"></div> 
    <div class="fourthChild"></div> 
<div> 

Я пытаюсь стиль fourthChildbased на если secondChild существует под родителем

Я думал, что ниже будет работать, но Chrome говорит нет. Я не хочу использовать n-й ребенок, потому что DOM может меняться в зависимости от нашей программы, ниже кажется очень гибкой, но я делаю что-то неправильно.

.parent .secondchild ~ .fourthchild 
{ 
    css stuff 
} 

Answer 1

Это правильное решение, вы просто ошибочно назвали свои классы в CSS, вы забыли крышки.

.parent .secondChild ~ .fourthChild 

http://jsfiddle.net/LeBen/Y6QDr/

Answer 2

Это чувствительно к регистру! ли это:

.parent .secondChild ~ .fourthChild