title: CSS : Style the span within div element
body: <p>My html sode snippet is</p>
  
  <pre><code>&lt;div id="head"&gt;
     &lt;span id="span1"&gt; &lt;/span&gt;
     &lt;span id="span2"&gt; &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I am not getting my css working.</p>
  
  <pre><code>#head&gt;#span1{
    //its not working.
  }
  </code></pre>
  
  <p>I have also tried</p>
  
  <pre><code>#head1:nth-child(1){
     width: 200px;
     height: 300px;
     background-color: #0000FF;
  }
  
  #head1:nth-child(2){
     width: 300px;
     height: 300px;
     background-color: #0000FF;
   }
  </code></pre>
  
  <p>please help me out.</p>