Проблема должна быть довольно простой.
У меня есть 2 HTML файла с уникальным CSS. В основном я написал CSS код для одного HTML (домашней страницы) вчера, и все работает отлично. Сегодня я добавляю несколько элементов 'div' и 'class' ко второму HTML (извлечение), но код, который я добавил к CSS сегодня, похоже, не имеет никакого эффекта (хотя код вчерашнего дня работает нормально).
Итак, я проверил страницу, запущенную на localhost, и загрузил ссылку на CSS. Что ж, я обнаружил, что код, который я написал сегодня, не загружается.
Очевидно, я сохранил CSS, а также пытался закрыть PyCharm и перезапустить проект, но, похоже, он не работа.
Как я могу решить эту проблему?
Вот дерево каталогов моего проекта:
CSS
body {
background-color: green;
font-size: 100%;
font-family: Sans-serif;
}
h3 {
font-size: 90%;
}
.menu{
background-color: CadetBlue;
text-align: center;
display: inline-block;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
margin:auto;
}
.order {
background-color: Brown;
float: right;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
}
.restaurant_name {
color: yellow;
font-size: 3em;
text-align: center;
padding-top:5%;
}
.order_header {
text-align: left;
padding-left: 10%;
background: grey;
color: yellow;
border-left: 4px solid LightSeaGreen;
}
.menu_and_order {
padding: 5%;
}
.menu_title {
background: grey;
color: yellow;
border-left: 4px solid LightSeaGreen;
font-style: italic;
font-size: 2.5em;
}
td {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 5px;
text-align: left;
}
table {
border-collapse: collapse;
margin: auto;
}
.checkout {
border: 1px solid #ddd;
border-radius: 5px;
padding: 3px;
margin-left: 10%;
background-color: CadetBlue;
}
a {
text-decoration: none;
color: black;
border: 1px solid #ddd;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
margin: 10%;
background-color: grey;
}
.link {
margin-left: 35%;
}
.order_table {
width: 100%;
}
th {
padding-bottom: 5%;
}
.page_title {
color: yellow;
font-size: 3em;
text-align: center;
padding-top:5%
}
.order_summary {
background-color: Brown;
margin: auto;
padding-left: 20px;
padding-bottom: 20px;
padding-right: 20px;
border: 1px solid #ddd;
}
.customer_details {
float: right;
}
Примечание: .page_title код не загружается на локальный хост
Второй (извлечение HTML) следующий:
{% load static %}
<html lang="en">
<head>
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1.0">
<title>Checkout</title>
<link rel="stylesheet" href="{% static 'css/my_cart.css' %}">
</head>
<body>
<div class="order_summary">
<h1 class="page_title">Order summary</h1>
<h3>The following items will be ready to be collected:</h3>
<h3>Reference number: {{ cart }}</h3>
<table class="order_table">
{% for cart_item in cart_items %}
<tr class="order_item">
<td>{{ cart_item.item }}</td>
{% endfor %}
</table>
</div>
<form class="customer_details" action="{% url 'successful_order' %}" method="POST">
{% csrf_token %}
{{ form.as_p }}
<input type="submit" value="Confirm Order">
</form>
<a href="{% url 'home' %}">Back to order</a></ul>
</body>
</html>
Вероятно, это все, что вам нужно, но вот еще и код, который я добавил к settings.py
Если вам потребуется, чтобы я предоставил другой код, просто дайте мне знать.
Спасибо за любой ответ