title: :nth-child() selector apply in specific elements
body: <p>I want to apply the effect only on tag elements 'p'. but I have a div blocking the effect! The paragraph two must be in blue, how do?</p>
  
  <pre><code>&lt;p&gt;The first paragraph.&lt;/p&gt;
  &lt;div&gt;The div tag.&lt;/div&gt;
  &lt;p&gt;The second paragraph.&lt;/p&gt;
  &lt;p&gt;The third paragraph.&lt;/p&gt;
  &lt;p&gt;&lt;b&gt;Note:&lt;/b&gt; Internet Explorer 8 and earlier versions do not support the :nth-child() selector.&lt;/p&gt;
  
  p:nth-child(odd) { background: #ff0000; }
  
  p:nth-child(even) { background: #0000ff; }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/7dt0L42v/1/" rel="nofollow">fiddle</a></p>