Djangoでcssが適用されない

実現したいこと

以下の画面のように「PEA_PRA_ASdataget」プロジェクトを作成しています。
その中の「appsei」アプリにおいてappsei/static/appsei/style.cssを設置していますが、
appsei/views.pyにcssが適用されずに困っています。
(css適用されない以外の動作は問題なくできています)

以下コードの☆部分に問題がると思っていますが・・・
ご助言お願いします。

該当のソースコード

■base.html(抜粋)

<!DOCTYPE html>
<html lang="ja">
{% load static %}　☆☆☆☆☆☆☆☆☆☆

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
  <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>

  <title>情報検索</title>
  {% block extra_head %}　　☆☆☆☆☆☆☆☆☆☆
  {% endblock %}　　　　　　

</head>

<body>

  <!-- main -->
  {% block content %}
  {% endblock %}

  <!-- footer -->
  <footer class="footer">
    <div class="container">

■download_sei.html(抜粋)

{% extends "base.html" %}
{% load static %}　☆☆☆☆☆☆☆☆☆☆
{% load widget_tweaks %}

{% block extra_head %}　　☆☆☆☆☆☆☆☆☆☆
  <link rel="stylesheet" type="text/css" href="{% static 'appsei/style.css' %}"> 　☆☆☆☆☆☆☆☆☆☆
{% endblock %}　　


{% block content %}
  <div class="container">
    <div class="text-center">
      <h1>製品情報 検索メニュー</h1>
      <h3>条件を入力してエクセルボタン<br class="d-lg-none">を押して下さい！<h3>
    </div>

    <div class="container text-center">

■views.py(抜粋)

from django.views import generic
from .models import TmSeihinSiyo
from django.http import HttpResponse
import csv
from .forms import PostSearchForm 
import openpyxl
from django_pandas.io import read_frame
import urllib.parse

class Top(generic.ListView):
    template_name = "download_sei.html"    ☆☆☆☆☆☆☆☆☆☆
    model = TmSeihinSiyo

■settings.py(抜粋)



# Static files (CSS, JavaScript, Images)
# https://docs.djangoproject.com/en/4.1/howto/static-files/

STATICFILES_DIRS = [os.path.join(BASE_DIR, "templates")]
STATIC_URL = '/static/'　　　☆☆☆☆☆☆☆☆☆☆
STATIC_ROOT = ''

MEDIA_URL = '/media/'
MEDIA_ROOT = BASE_DIR / "media"

■style.css(抜粋)

.body {
  background-color: bisque;
}

.menu {
  text-align: center;
}

input {
  margin-top: 10px;
}
    
h1 {
  margin-top: 50px;
}

試したこと

・style.cssの保管場所を以下の場所へ保管
website/PEA_PRA_ASdataget/static/appsei

・Microsoft Edgeのキャッシュクリア

・style.cssをbackground-colorのみの最低限の記述にする

・<link rel="stylesheet" type="text/css" href="{% static 'appsei/style.css' %}"> を
base.htmlもしくはdownload_sei.htmlの{% block extra_head %}の外(前)に記述する

補足情報

python:3.10.4
Package:Version
Django:4.1.5
django-pandas:0.6.6
urllib3:1.26.14
openpyxl:3.0.10

行動規範の内容に同意します

回答1件

ベストアンサー

手元に環境ないので確かめられませんが、「bodyと命名されたclass」がないのが原因では。

.body {

全部適用されていないのか、一部適用されてないのかでも違いますが・・・。

投稿2023/02/15 02:50

m.ts10806

総合スコア80850

rohizuka

2023/02/15 12:09

おっしゃる内容でした！数時間悩んでドットひとついらないだけだったとは御礼申し上げます。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！