在按照讲师在预先录制的在线课程中采取的确切步骤进行操作后,我发现自己陷入了困境,无法理解我收到的这个错误,或者更确切地说,是代码中的一个问题,使我无法得到与讲师相同的结果。
在Pycharm上,他在一个名为“menu”的目录下创建了一个文件“index.html”,该目录位于另一个名为templates的目录下。然后他在一个名为“menu”的目录下创建了一个单独的文件“style.css”,该目录也位于另一个名为“static”的目录下。我推测,由于此代码是在Pycharm中完成的,而不是在VS Code中完成的,这可能是他使用{% load static %}
符号的原因。
代码如下面文本中的脚本所示...我认为问题出在
"""href="{% static 'menu/style.css'%}"\>"""
该HTML代码下的CSS代码显示CSS样式指令无法生成“蓝色”结果。
{% load static %}
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Our Pizzas</title>
<link rel="stylesheet" href="{% static 'menu/style.css'%}">
</head>
<body>
<h1>Our Pizzas</h1>
<ul>
{% for pizza in pizzas %}
<li>{{pizza.name}} : ${{pizza.price}}</li>
{% endfor %}
</ul>
</body>
</html>
<!-- css Code -->
h1, li {
color: blue;
}
1条答案
按热度按时间ozxc1zmp1#
抱歉!原来我用错了浏览器。Microsoft Edge无法完成任务。Chrome和Firefox工作正常。