Trying to load a css stylesheet from a child template in django

Question

I have a parent template with this code


    
    {% block title %}{% endblock %}
    {% load static %}
    
    {% block additionalStyles %}{% endblock %}

and I have a child template with this code

{% extends 'base.html' %}
{% load static %}
{% block additionalStyles %}{% endblock %}

this doesn't seem to work and I don't get an error either. The base.css loads fine and when I inspect element on the webpage I can see in the HTML code but it doesn't have any affect on any of the elements that it should. Is there a better way of doing this? and why is it not working?

Edit: It magically started working?? idk why or how, here is the new code if anyone has the same problem, in child:

{% extends "base.html" %}
{% load static %}
{% block title %}Rants{% endblock %} 
{% block additionalStyles %}

{% endblock %}

in parent:

    {% load static %}
    {% block title %}{% endblock %}  
    
    {% block additionalStyles %} {% endblock %}

user_8070463 · Answer

Kindly check the path to the folder that has the CSS file.
When everything seems to work correctly, remember to clear your browser cache or load the site/app in incognito mode(for Google Chrome users). In the child
```
 {% extends "base.html" %}
 {% load static %}
 {% block title %}Rants{% endblock %} 
 {% block additionalStyles %}
     
 {% endblock %}
```

In the parent

  {% load static %}
    Parent site{% block title %}{% endblock %}  
    
    {% block additionalStyles %} {% endblock %}

user_10981245 · Answer

Need to give the it's own line

{% extends "base.html" %}
{% load static %}
{% block title %}Rants{% endblock %} 
{% block additionalStyles %}

{% endblock %}

Now works

Trying to load a css stylesheet from a child template in django

2 Answers