title: CSS target specific class
body: <p>I am attempting to target a specific class which is the first class name inside a div. The attempt I have made looks like the following:</p>
  
  <pre><code>.container-fluid:first-child div.row {
      padding-top: 200px;
  }
  </code></pre>
  
  <p>The HTML for the CSS.</p>
  
  <pre><code>&lt;div class="container-fluid"&gt;
      &lt;div class="row justify-content-md-center"&gt; &lt;&lt;TRYING TO TARGET
          &lt;div class="col-3 text-center"&gt;
              &lt;div class="row"&gt;
                  &lt;img src="/assets/images/fssLogo.png"/&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>As you can see i want to target only the first row inside the container-fluid tag but the padding is also getting applied to the row inside the col-3 class.</p>
  
  <p>Could somone point me in the right direction.</p>