title: CSS sibling selector on class names?
body: <pre><code>&lt;div class="parent"&gt;
    &lt;div class="firstChild"&gt;&lt;/div&gt;
    &lt;div class="secondChild"&gt;&lt;/div&gt;
    &lt;div class="thirdChild"&gt;&lt;/div&gt;
    &lt;div class="fourthChild"&gt;&lt;/div&gt;
  &lt;div&gt;
  </code></pre>
  
  <p>I am trying to style fourthChildbased on if secondChild exists under parent</p>
  
  <p>I thought the below would work but Chrome says no. I dont want to use nth child because the DOM could change based on our program, the below seems very flexible but I'm doing something wrong.</p>
  
  <pre><code>.parent .secondchild ~ .fourthchild
  {
       css stuff
  }
  </code></pre>