<table>タグ内の文字の大きさは、20px以下に設定できないのでしょうか？

Question

前提・実現したいこと

ショップのウェブサイトをコーデイングしています。
お店の情報部分を、テーブルタグで作ったのですが、文字の大きさが20px以下に指定しても反映しません。（20pxのまま)
逆に20px以上を指定するとちゃんと大きくなるのですが、20px以下にはならないのでしょうか？

もし、20px以下に指定出来ない場合、以下のようなデザインでお店の情報を整列させる場合はどのような方法が一般的でしょうか？

該当のソースコード

<table>
                        <tr>
                            <th>ADDRESS</th>
                            <td></td>
                        </tr>
                        <tr>
                            <th>PHONE</th>
                            <td>[phone]</td>
                        </tr>
                        <tr>
                            <th>OPENING HOURS</th>
                            <td>9:00-19:30</td>
                        </tr>
                       

                    </table>

table{
    width: 100%;
    border-collapse: collapse;
    
}

table th{
    width: 195px;
    font-size: 18px;
    
}

table td{
    font-size: 16px;
    
}

table th,
table td{
    text-align: left;
    padding-top: 0;
    padding-bottom: 41px;
}

よろしくお願いします。

追記

この部分が20px以下の場合反映されていないようです。

以下の部分はきちんと適用されているようなのですが…

もう一度、他のスタイルの影響を受けていないか確認してみます。

Comments

[maisumakun]

実際に効いている他のスタイルはないか、ブラウザの開発ツールで確認してみましたか？

[Lhankor_Mhy]

ご提示のコードを試してみましたが、文字の大きさが20px以下になりました。
なので、問題が再現しませんでした。

どのようにして、文字の大きさが20px以下にならないことを確認しましたか？

[coco144]

ありがとうございます。

開発ツールでは自分なりに確認はしていたのですが（追記有り）、他のスタイルの影響か確認してみます。

[maisumakun]

別のブラウザにしても再現しますか？

（ブラウザ側の設定、ということも考えられます）

[coco144]

使用していたブラウザがchromeだったのですが、IEで表示およびフォントサイズの調整をしたところ、20px以下もきちんと反映されました。

ブラウザ側の設定が関係することもあるのですね。
ひとつ勉強になりました。

ありがとうございました。

[kei344]

まだ質問が「受付中」になっていますが、「ベストアンサー」を選び「解決済」にされてはいかがでしょうか。

[coco144]

すみません。
最初に回答して頂いた方をベストアンサーにさせていただこうと方法を探っていたら時間がかかってしまいました。

Answer 1

クラスで指定すればいけましたけど.. (chromeです。)

Comments

[coco144]

回答ありがとうございます。
クラス指定で反映されました。

その後、なぜか最初の指定方法でもフォントサイズがきちんと適用されるようになっていました。結局何が影響していたのか分からぬままですが、解決までの方法を学べることができて良かったです。

ありがとうございました。

[ForestSeo]

結局何が影響していたのか分からぬまま
→多分、キャッシュの消去してなかったんじゃないですか？