title: CSS selector combination for accessing nested divs
body: <p>I have the following HTML code</p>
  
  <pre><code>&lt;div id="left"&gt;
    &lt;div id="coverage"&gt;
      &lt;h3&gt;coverage&lt;/h3&gt;
      &lt;!-- first div --&gt;
      &lt;div&gt;    
        &lt;div&gt;
          &lt;span&gt;left-&gt;coverage-&gt;div 1-&gt;inner div 1-&gt;span text&lt;/span&gt;
        &lt;/div&gt;
  
        &lt;div&gt;
          &lt;span&gt;left-&gt;coverage-&gt;div 1-&gt;inner div 2-&gt;span text&lt;/span&gt;
        &lt;/div&gt;      
      &lt;/div&gt;
  
      &lt;!-- second div --&gt;
      &lt;div&gt;
  
        &lt;!-- div to be accessed --&gt;
        &lt;div&gt;
            &lt;span&gt;left-&gt;coverage-&gt;div 2-&gt;inner div 1-&gt;span text&lt;/span&gt;
        &lt;/div&gt;    
  
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to access the first div nested inside the second div.I tried this, but it didn't work</p>
  
  <pre><code>#left #coverage  div:first-child
  {
    color: red;
  }
  </code></pre>