HTMLの特定の要素に対し、CSSが適応されません。

前提・実現したいこと

HTMLないのclass="container"のdiv要素に対してbackgroundをかけたいと思っています。
他の要素に対してはCSSが適応されるのですが、この要素にのみ適応されません。
その原因を教えていただきたいでです。
よろしくお願いいたします。

該当のソースコード

HTML
1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8">
5    <meta http-equiv="X-UA-Compatible" content="IE=edge">
6    <meta name="viewport" content="width=device-width, initial-scale=1.0">
7    <title>Document</title>
8    <link rel="stylesheet" href="3dui.css">
9</head>
10<body>
11    <div class="container>">
12        <div class="navbar">
13            <div class="menu">
14                <h3 class="logo">Brand<span>Name</span></h3>
15                <div class="humberger-menu">
16                    <div class="bar"></div>
17                </div>
18            </div>
19        </div>
20    </div>
21</body>
22</html>

CSS
1@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap");
2
3* {
4  padding: 0;
5  margin: 0;
6  box-sizing: border-box;
7}
8
9body {
10  font-family: "Poppins", sans-serif;
11}
12
13.container {
14  min-height: 100vh;
15  width: 100%;
16  background-color: #485461;
17  background-image: linear-gradient(135deg, #485461 0%, #28313b 74%);
18}

試したこと

bodyに対し同様にbackgroundの指定を行った場合には正常に適応されます。
dev toolsで確認したところmin-heightも適応されていないようで、height 28pxとなっています。
height 100%と指定しても適応されてないようでしたので、この要素に対してCSSすべてが適応されていないようです。

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

回答1件

ベストアンサー

クラス名に>が混入しているため。

diff
1-   <div class="container>">
2+   <div class="container">

投稿2021/09/20 11:33

Daregada

総合スコア11990

Rude_Boy1022

2021/09/20 13:00

完全に不注意でした...orz ありがとうございます。

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

あなたの回答

tips

プレビュー

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

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

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

ただいまの回答率
85.46%

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

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

質問する

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

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