Встроенные стили работают, но не в шапке стиля (работа над проектом CS50 2)

Я работаю над проектом CS50 Project 2 и имею веб-страницу, на которой отображаются активные объявления. Я хочу добавить некоторые изменения в css, но ничего не происходит, когда я добавляю изменения в стиль в head, но inline стили работают. Как сделать так, чтобы это работало в головном стиле? 

{% extends "auctions/layout.html" %}
<head>
{% block style %}
    <style>
       .text {
           font-size: 10%;
       }
    </style>
{% endblock %}
</head>
{% block body %}
    <h2>Active Listings</h2>

    {% for listing in listings %}
        <img src ="{{ listing.image }}" style = "height: 10%; width: 10%;">
        <h4 class = "text" style = "color: aqua;">{{ listing.title }}</h4>
        <h6>Description: {{ listing.description }}</h6>
        <h6>Category: {{ listing.category }}</h6> 
        <h6>Price: ${{ listing.bid }}</h6>
        
    {% endfor %}
{% endblock %}

Вот код. Размер шрифта не меняется, но он будет менять цвета из-за встроенного стиля.

Поскольку это шаблон Django, вы можете связать таблицу стилей, хранящуюся в папке статических файлов. Эта ссылка является видео, которое объясняет, как это сделать.

Вернуться на верх