css - Django 列表不使用 css

Question

您好，我在将 css 用于打印数据库中模型的所有对象的列表时遇到问题。我似乎无法更改用于列表中每个元素的字体大小

子模板文件

{% extends 'template.html' %}
{%block title %} View Music Packs {% endblock%}
{%block header %} View Music Packs {{page_name}}{% endblock%}

{% block body_block %}
<div id = "subtemplate">
<ul>
    {% for musicpack in object_list %}
        <li>
            {{musicpack.title}} - {{musicpack.composer}} - {{musicpack.arranger}}
        </li>
    {%empty %}
        <li> No musicpacks yet. </li>
    {% endfor %}
</ul>
</div>
{% endblock %}

CSS 部分

#subtemplate{
background: grey;
width :70%;
margin:0 auto;
margin-top: 20px;
border: solid orange 3px;
}

#subtemplate ul{
list-style-type: none;
font-size: normal 20px;
}

#subtemplate ul li{
font-size: normal 20px;
}

template.html 部分

<div id="main_section">
<h3> {%block header %} Template {% endblock %} </h3>

{% block body_block %}
This is just an empty Template
{% endblock %}

</div>

我怀疑我遗漏了一些东西，因为我在处理纯 html 文件时已经习惯了这一点，而且它工作正常。

Answer 1

here is a fiddle

 font-size: normal 20px;

不是正确的 css 语法

 font-weight: normal;
 font-size: 20px

改为这样做