title: Style nested divs with no class name specified
body: <p>I would like to change styles for nested divs like in example below:</p>
  
  <pre><code>&lt;div class="box"&gt;  #1
    &lt;div&gt;            #2
      &lt;div&gt;          #3
       &lt;div&gt;         #4
         &lt;div&gt;&lt;/div&gt; #5
         &lt;div&gt;&lt;/div&gt; #6
         &lt;div&gt;&lt;/div&gt; #7 **How to style this div when class name is not present?**
       &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I was able to access div #4 in this way:</p>
  
  <pre><code>.box div div div {}
  </code></pre>
  
  <p>But what is the way to access div #5 #6 #7? </p>