cssでフォントサイズを変えたいが上下の余白が変わってしまいフォントサイズ自体が変わらない。

Question

前提・実現したいこと

ここに質問の内容を詳しく書いてください。
（現在ホームページを作成しています。
■■な機能を実装中に以下のエラーメッセージが発生しました。

cssでのフォント変更の際に

<h1 class="">で指定しているのですが、上下の余白が大きくなったり小さくなったりするのみでフォントサイズが変わりません。

エラーメッセージ

該当のソースコード

HTML/

<h1 class="jmee-typeA"><p id="111">ホームページ制作</p></h1>

CSS/

.jmee-typeA{
font-size: 18px;
line-height: 1.333;
color: black;
border-left: solid 5px yellow;
padding-left: 10px;
}

HTML/CSS

### 試したこと

px.em.%で試したのですが特に改善はされませんでした。



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

使用しているテキストエディタはbracketsです。

Comments

[kyoya0819]

現象が確認できません。
https://codepen.io/asuchi0819/pen/WNbomee?editors=1100#0
で18pxの部分を変更してみると下のプレビューでどう表示されますか？

[ksg2020]

18pxを40pxに変更したところきちんと大きくなりました。

[kei344]

まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。

[dit.]

今回の問題とは関係がないかもしれませんが、数字始まりのclass、idは（エスケープしないと）使えないはずなので、その辺の対処をしてないのであれば変更した方がいいかもしれません。

Answer 1

おそらくキャッシュの関係だと思います。
WindowsでChromeでしたらCtrl + F5でスーパーリロードをお試しください。

Comments

[ksg2020]

ありがとうございます！
参考にさせていただきます。

Answer 2

CSSが提示されている内容だけですべてなのであれば、asuchi0819さんの指摘されているようにキャッシュを疑うべきと思います。ちなみに開発者ツールを出している状態で更新ボタン長押しでもスーパーリロードできます（けっこう便利）

提示されていないCSSがあるのであれば、 <p id="111"> に対してフォントサイズを指定していないか確認してください。

主軸とは関係がない余談ですが、そもそも「ホームページ制作」は段落ではないのでparagraphで囲むのはどうかなと思わなくもないです。

Comments

[ksg2020]

ありがとうございます！
参考にさせていただきます。

Answer 3

みなさん多数の回答ありがとうございました。
スーパーリロードをしたところ正常に戻りました。
たくさんの回答ありがとうございました。