title: Why descendant selector in CSS3 doesn't work with h1?
body: <p>I used descendant selector and I declared the style process in the head section</p>
  
  <p>In the HTML head:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;style&gt;
    p h1 {
      color: blue;
      background-color: red;
    }
  &lt;/style&gt;
  </code></pre>
  
  <p>In the HTML body:</p>
  
  <pre><code>&lt;p&gt;
    &lt;h1&gt;
      I am Anik Islam
    &lt;/h1&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>It didn't show blue colored letters and red colored background, it showed the default instead. What am I missing here?</p>