title: Why is an HTML section element not altered by CSS?
body: <p>I have an HTML section that I am trying to alter with CSS:</p>
  <pre><code>&lt;section class=&quot;jumbo&quot;&gt;
    &lt;div class=&quot;container&quot;&gt;
      &lt;h1&gt;THIS IS THE TEXT CONTAINED WITHIN THE JUMBO&lt;/h1&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  <p>However the changes I make in my CSS file, such as changing the color of the text contained in the element are not having any affect:</p>
  <pre><code>#jumbo {
    background-image: url(&quot;../images/carbon.jpeg&quot;);
    background-position: center center;
    min-height: 200px;
    text-align: center;
  }
  
  #jumbo h1 {
    color: white;
    font-size: 45px;
    padding-top: 15px;
    line-height: 1.6em;
  }
  </code></pre>
  <p>Do you have any tips for how I can debug an issue like this?</p>
  <p><a href="https://i.stack.imgur.com/CySCe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CySCe.png" alt="enter image description here" /></a></p>