title: Use parent class to style next element
body: <p>I have a code block like this.</p>
  
  <pre><code>&lt;div class="wrapper"&gt;
   &lt;div class="btn-group"&gt;
    &lt;div class="child"&gt;
    &lt;/div&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to style "child" div without direct styling. Like</p>
  
  <pre><code>.child{
  color:red;
  }
  </code></pre>
  
  <p>I need to use "wrapper" div styles apply to "child" div but not to apply "wrapper".</p>
  
  <p>I tried using this but no luck. Any suggestions? </p>
  
  <pre><code>.wrapper &gt; .btn-group + .child{
  color:red;
  }
  </code></pre>