title: CSS does not work in inherited Django template
body: <p>I have two page templates and a CSS file in static directory.</p>
  <p>This is my main.html where CSS works just fine:</p>
  <pre><code>{% load static %}
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;  &lt;/title&gt;
          &lt;link rel =&quot;stylesheet&quot; href=&quot;{% static 'css/style.css' %}&quot;&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;nav&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;img src=&quot;{% static 'images/logo.jpg'%}&quot;  height=&quot;49px&quot; width=&quot;100px&quot; &gt;
                  &lt;li&gt;&lt;a href=#&gt; HOME&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=#&gt; ABOUT&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;rent&quot;&gt; RENT&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href=&quot;sale&quot;&gt; SALES&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;   
          &lt;/nav&gt; 
  
          {% block content %}
          
          {% endblock  %}
      &lt;/body&gt;
      &lt;hr&gt;
      &lt;footer&gt; 
  </code></pre>
  <p>This is my index.html where CSS <strong>does not work</strong>:</p>
  <pre><code>{% extends 'main.html' %}
  
  {% block content %}
  
  &lt;div id=&quot;showcase&quot;&gt;
  
      &lt;div class=&quot;section-main container&quot; &gt;
          &lt;h1&gt;House rent &amp; Sale&lt;/h1&gt;
          &lt;p class=&quot;lead hide-on-small&quot;&gt;This is a web application &lt;/p&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  {% endblock%}
  </code></pre>
  <p>How can I solve this?</p>