Webページの背景色が変わらない

現在Web制作を学習中のものです。いきなり躓いてしまいました。
CSSにてnavの背景色を変更しようとしたことろ、変化が全く見られません。色を変えてみたり、background → background-color にしてもダメでした。
どうすれば背景色が適応されるのでしょうか。
※ファイルはすべて同じフォルダの同階層にしまってあります。

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Portfolio1</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <nav class="navbar">
      <div class="max-width">
        <div class="logo"><a href="#">Portfo</a><span>lio.</span></div>
        <ul class="menu">
          <li><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Services</a></li>
          <li><a href="#">Skills</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
    </nav>
  </body>
</html>

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Ubuntu:wght@400;500;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
}
/* navber style */
.navber{
  position: fixed;
  width: 100%;
  background: crimson;
}

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

回答1件

ベストアンサー

定義

.navber{

html

<nav class="**navbar**">

定義した名前をコピペして使いましょう。

※スペリングとしてはbarが正しいけど、どちらを修正するかは要件次第。「定義したものを使う」が原則。

投稿2021/02/25 21:26

編集2021/02/25 21:26

m.ts10806

総合スコア80875

program

2021/02/25 21:40

ありがとうございます！スペルミスにきづかないとは…、お恥ずかしいです…。

m.ts10806

2021/02/25 21:42

「スペルミス」という観点だと気づきにくいと思います。回答に書いたように「定義した名前をコピペで使う」英単語的な「スペル」を気にするのは定義する時点です。（もしくは一通り作り終わった後にリファクタリング的に対応）

program

2021/02/26 16:27

ありがとうございます！

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

あなたの回答

tips

プレビュー

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

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

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

ただいまの回答率
85.36%

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

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

質問する

『🎄teratailクリスマスプレゼントキャンペーン2024🎄』開催中！

＼teratail特別グッズやAmazonギフトカード最大2,000円分が当たる！／

Webページの背景色が変わらない

関連した質問