CSSのclassセレクタ　反映されません

前提・実現したいこと

初心者で、練習を兼ねてホームページを作成しています。
classセレクタでの指定がうまくいかずcssの内容が反映されません。
例えば、下のように、文章を右揃えにしたいのですが、うまく行きません。

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

該当のソースコード

html
1
2    <div class="top">
3    <h1>
4        <a href="topinfo/news.html">ニュース</a> 
5        <a href=topinfo/shinryojikann.html>ホーム</a>
6        <a href="topinfo/inncho-shokai.html">スタッフ紹介</a> 
7        <a href="topinfi/shistuan-nai.html">施設紹介</a>
8    </h1>
9    </div>
10
11```css
12.top{font-size: 22px;
13    text-align: right;}
14
15### 試したこと
16### 補足情報（FW/ツールのバージョンなど）
17ツールはbracketを使用しています

CleanDiesel

2020/04/03 16:11

ソースコードはマークダウンを使って書いたほうがわかりやすいよ。 ```html ここにコードを書く ```

m.ts10806

2020/04/04 00:50

CSSはCSSでマークダウン対応しましょう。ただの文字列なので任意数設置できます。

m.ts10806

2020/04/04 00:51

すごく細かいですが「Brackets」ですね。タグもあります。（本件とは関係ないでしょうけど）

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

回答4件

その内容であれば動くのでcss構文の設置の仕方が間違っていると思われます。
個別ではなく全体を載せてみてはどうでしょうか。

投稿2020/04/04 12:26

petmen029

総合スコア86

CSSをどのように読ませているのか次第ですけど

HTML直書きの場合

キャッシュ
styleタグで囲ってない
全角スペース使ってる。他で文法間違ってる

など。

外部CSSの場合

キャッシュ
cssファイルのパスが間違ってる（指定した場所にない）
全角スペース使ってる。他で文法間違ってる

など。

HTMLも全部提示された方が良いですね。

キャッシュ→ スーパーリロードで大抵解消可能
styleタグで囲ってない→囲おう
CSSファイルのパス間違ってる→ブラウザ開発ツールのコンソールで確認すればNotFound404のエラーが出ているはず。記述したHTMLから見た相対パスにしよう。合ってればCSSが破損しているか文法
文法→構文チェッカーにかけてみよう

ただしCSS反映されない問題は過去質問にも頻出です。
対応方法もほぼ確立されていて特異なケースを見つける方が難しいです。
質問する前に過去質問確認を。

投稿2020/04/04 00:56

編集2020/04/04 00:57

m.ts10806

総合スコア80861