title: How to select the first type of child of a particular CSS using CSS selector
body: <p>HTML:</p>
  
  <pre><code>&lt;form id="myForm"&gt;
    &lt;p&gt;Lorem ipsum&lt;/p&gt;
    &lt;p&gt;Lorem ipsum 2 &lt;/p&gt;
    &lt;div class="section"&gt;Section 1&lt;/div&gt;
    &lt;div class="section1"&gt;section 2&lt;/div&gt;
    &lt;div class="section"&gt;Section 3&lt;/div&gt;
    &lt;div class="section1"&gt;section 4&lt;/div&gt;
    &lt;p&gt;Lorem ipsum&lt;/p&gt;
  &lt;/form&gt;`
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>#myForm div.section1:first {
    color: red;
    font-size: 1.5em;
  }
  </code></pre>
  
  <p>Question: How to write CSS selector to select the first section1 CSS class under the form with text 'section 2'</p>
  
  <p>The above CSS is not working</p>