我正在使用Django框架制作一个照片组合网站。在当前页面上，我有一个photo元素和一个box元素，其中包含文本。我的CSS在html脚本标签外部链接。照片的CSS被应用了，但是框的CSS还没有应用。当我将box CSS移动到html文档的样式标签中时，它将被应用。
我已经搜索并发现了一些关于CSS优先级的信息，但我不认为这是这里发生的事情，因为一些CSS是外部工作的。我还在Chrome中检查了一下，看看是否有什么东西被应用了，我不知道，但没有看到任何东西。
有人经历过这种情况吗?更奇怪的是，在下面的完整代码中，CSS应用于box元素!
#box {
background-color: lightgray;
width: 300px;
border: 15px solid green;
padding: 50px;
}<!DOCTYPE html>
{% load static %}
<html>
<head>
<link rel="stylesheet" href="{% static 'entrance/entrance.css' %}">
<script src="{% static 'entrance/entrance.js' %}"></script>
</head>
<body>
<img src="{% static 'entrance/Waterfall.jpg' %}" alt="issue here" id="waterfall" />
<div id="box">This is just some random text I'm using to test the box design.</div>
</body>
</html>尝试按Ctrl+Shift+R刷新。这将刷新缓存，并且之前保存的css可能是唯一正在运行的内容。