title: Select an element of his parent that is not immediately after his parent
body: <p>I have this html code:</p>
  
  <pre><code>&lt;div class="form-group well"&gt;
      &lt;p&gt;...&lt;/p&gt;
      &lt;hr&gt;
      &lt;div class="select-skill"&gt;
          ...
      &lt;/div&gt;
      &lt;div class="select-skill"&gt;
          ...
      &lt;/div&gt;
      &lt;div class="select-skill"&gt;
          ...
      &lt;/div&gt;
      &lt;div class="select-skill"&gt;
          ...
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And i want to set a style using css3 to second child that has <code>select-skill</code> class, but i cant use <code>.select-skill:nth-child(2)</code>, It doesn't work.</p>
  
  <p>I know the solution is to remove <code>&lt;p&gt;...&lt;/p&gt;&lt;h1&gt;</code> or move <code>select-skill</code> to a new parent.</p>
  
  <p>Is there any solution to select this element <strong><em>without adding any code of html</em></strong>?</p>