title: I can't style h1 via CSS
body: <p>I just started with HTML and CSS. I went through the tutorial from html.net and now have a problem with CSS. </p>
  
  <p>I want my headings (h1) to have its font-color to be white. It works if I write the CSS-Code inside the HTML-file but it don't work if I write the exact same code to my external CSS-file. I am pretty sure that I referenced the CSS-file correctly because I can style the labels and the body via the same CSS-file.</p>
  
  <p><strong>style.css:</strong></p>
  
  <pre><code>&lt;style&gt;
  h1 
  {
      color: #FFFFFF !important;
  }
  label
  {
      color:#FFFFFF;
      font-family:consolas;
      font-size:120%;
  }
  body
  {
      background-color:#AA5555;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>support.html:</p>
  
  <pre><code>&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&gt;
  
  &lt;html xmlns="http://www.w3.org/1999/xhtml" lang="de"&gt;
  &lt;head&gt;
      &lt;title&gt;Support&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="style/style.css" /&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
          &lt;h1&gt;Heading&lt;/h1&gt;
          &lt;label&gt;Test&lt;/label&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The background-color of the body works. The styles of the label works. But not the forecolor of the heading h1. I've got only this CSS-file and I already tried it on several browsers (Chrome, Firefox, IE, Opera) with the same problem on every browser. I also tried to use h2/h3 instead but no chance to get this heading styled.</p>
  
  <p>I even tried without the DTD and the xmlns. I need to understand what is going on and a solution for my problem. Do I need a specific version or something for CSS/HTML? I never worked with this stuff before and have no idea how to troubleshoot nor to fix it.</p>
  
  <p>Thank you :)</p>