初学者　htmlをｃｓｓファイルでコーディングしてみたい。

前提・実現したいこと

vscodeで記述したhtmlにcssを適用したい。

発生している問題・エラーメッセージ

同じフォルダ内にhtmlファイルとcssファイルを作り、htmlファイル内でlinkするようにコードを書きました。しかし、プレビュー（html preview）画面を見るとcssの内容が適用されていません。
どうすればよいのでしょうか。
cssのファイル名はstyle.cssです。
cssファイルでは

.h1 {
color: brown;
}

と記述しています。

該当のソースコード

<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>掲示板</title> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <header> <h1>掲示板</h1> </header>

<main>
    <h2>新しく投稿してみる</h2>

    <form action="" method="post">
        <!--まとめて送信-->
        <div class="getname">
            名前:<input type="text" name="name" value="">
            <!--取得-->
        </div>
        <div class="gettext">
            本文:<textarea name="comment" id="" cols="30" rows="10" maxlength="80" wrap="hard"
                placeholder="80字以内"></textarea>
            <input type="submit" value="投稿する">
            <!--ボタンの表示＋foam内容の送信-->
        </div>
    </form>

    <section>
        <h2>投稿一覧</h2>
        <p>投稿はまだありません</p>
    </section>
</main>

<footer>

</footer>

</body> </html>

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

すべて最新です。

m.ts10806

2021/12/25 04:04

コードやエラーはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/questions/238564

m.ts10806

2021/12/25 04:16

質問は編集できるので解決後でもコードのマークダウンだけは対応しておいてください。後から参照する人のための対応です。

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

回答1件

ベストアンサー

CSSのセレクタについて正確におさえるようにしてください。
.XXはclassに対する指定
#XXはidに対する指定
XXは要素（タグ）に対する指定

です。

投稿2021/12/25 04:05

m.ts10806

総合スコア80861

あなたの回答

tips

プレビュー

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

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

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

ただいまの回答率
85.46%

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

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

質問する

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

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