css - クラス名のCSS兄弟セレクタ?

Question

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

親の下に secondChild が存在するかどうかに基づいて、fourthChild のスタイルを設定しようとしています

私は以下がうまくいくと思ったが、Chromeはノーと言った。私たちのプログラムに基づいてDOMが変更される可能性があるため、n番目の子を使用したくありません。以下は非常に柔軟に見えますが、何か間違っています。

.parent .secondchild ~ .fourthchild
{
     css stuff
}

Answer 1

それは正しい解決策です.CSSでクラスに間違った名前を付けただけで、大文字を忘れました.

.parent .secondChild ~ .fourthChild

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

Answer 2

大文字と小文字が区別されます。これを行う：

.parent .secondChild ~ .fourthChild