title: CSS is not working, W3.CSS overwriting?
body: <p>I copied a W3.CSS template and I am going to use it as a base to build my webpage. I am trying to add some custom CSS to change the text, but for some reason it doesn't work? I am importing the custom CSS file after the W3.CSS so it will overwrite the W3.CSS but for some reason it sticks with the W3.CSS...
  Here are my files and code:
  style.css (custom css):</p>
  
  <pre><code>h1 {
      font-family: "Arial", sans-serif;
      color:red;
  }
  .heading {
      font-family: "Arial", sans-serif;
      color:red;
  }
  </code></pre>
  
  <p>And index.html:</p>
  
  <pre><code>&lt;link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"&gt;
  &lt;link rel="stylesheet" href="https://www.w3schools.com/lib/w3-theme-black.css"&gt;
  &lt;link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"&gt;
  &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
  &lt;link rel="stylesheet" href="style.css"&gt;
  &lt;style&gt;
  html,body,h1,h2,h3,h4,h5,h6 {font-family: "Roboto", sans-serif}
  &lt;/style&gt;
  </code></pre>
  
  <p>Then later in index.html:</p>
  
  <pre><code>&lt;div class="w3-row w3-padding-64"&gt;
      &lt;div class="w3-twothird w3-container"&gt;
        &lt;h1 class="w3-text-teal heading"&gt;Heading&lt;/h1&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum
          dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.&lt;/p&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  </code></pre>
  
  <p>The  heading is blue but I want it red. My CSS is not working for some reason... I tried my css on a blank html template and it worked so W3 is doing something but I don't know why.</p>