Django load block for css

Question

I have a few pages. For every page I need load unique css. For all static files I use this. In the head of index.html I have:

{% block css  %}

{% endblock %}

But, for example, in contact.html I use:

{% extends "index.html" %}    
{% block css %}
    <link rel="stylesheet" href="{% static "css/contact.css" %}" type="text/css" />
    {% endblock %}

And its print error: Invalid block tag: 'static', expected 'endblock'. How to fix it?

Daniel Roseman · Accepted Answer · 2012-10-23 17:28:23Z

99

You need to use {% load static %} first.

answered Oct 23, 2012 at 17:28

Daniel Roseman

602k68 gold badges911 silver badges924 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

htmldrum Over a year ago

Interesting that I still needed to load this even though I've 'extended' a template that has this 'function'. I feel like a child template should inherit this function if it doesn't override the block in which it is called. TL;DR - This actually works.

Ward Over a year ago

I find @JRM his question a very good question. Anyone knows why that is?

swizzard Over a year ago

I've found this same thing! It doesn't seem very DRY to have to put in {% load whatever %} in every child template, possibly multiple times. Any word from team Django why this happens/if they're planning on fixing it?

Daniel Roseman Over a year ago

@swizzard On the contrary. The DRY part is that it makes each template fragment independent, so it can be reused in multiple places, independent of whether or not the parent has loaded the library. As such, this is a feature, not a bug, and there is nothing to fix.

easoncxz Over a year ago

Thought there should be a link to the official docs regarding this - see Custom libraries and template inheritance.

Rag Sagar · Accepted Answer · 2012-10-23 17:12:19Z

0

it is

{% block css %}

{% endblock %}

answered Oct 23, 2012 at 17:12

Rag Sagar

2,4241 gold badge21 silver badges22 bronze badges

1 Comment

Leon Over a year ago

Invalid block tag: 'static', expected 'endblock'

Pierre.Vriens · Accepted Answer · 2019-01-20 07:40:53Z

0

Your code needs to be refined.

You are using double quotes, where you need to use an apostrophe.

Use

href ="{% static 'css/contact.css' %} "

Instead of

href ="{% static" css/contact.css" %} "

edited Jan 20, 2019 at 7:40

Pierre.Vriens

2,11775 gold badges32 silver badges44 bronze badges

answered Jan 20, 2019 at 6:52

Sam DiceOnFire

711 silver badge8 bronze badges

Collectives™ on Stack Overflow

Django load block for css

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

5 Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related