CSS フォントサイズ 大きくできない

こんにちは

外注さんに作ってもらったサイトを自分で修正しています
大きい文字を使用したいのですができなくて困っています。

学校などで習ったわけではないので
基本的な部分が抜けているのかもしれません。

どなたか　お解かりでしたら教えていただきたいです。


システムも使用していないシンプルなHTMLとCSSのページで
構成は以下です。

index.html
common.css
style.css
smart.css
tablet.css

関わる部分は　index.html　内の

<b class="font120">

（外注さんの設定ではこれで大きい文字になりますが
インパクトが弱いためもっと大きくしたいです。）

という指示があり

common.css　内に

@charset "utf-8";

.font120{
font-size : 120%;
}

とあります。

このフォントサイズを２００％などにしたく

.font200{
font-size : 200%;
}

などと追加して
html にて

<b class="font200">

としてみても文字が大きくならず
逆にデフォルトのサイズになってしまいます。

この2か所　以外にも設定するところがあるのでしょうか？

そもそももっと基本的な決まり事とかあるのでしょうか？

いろいろと解決策を探したのですが
見つかっておらず
ご協力いただけたらありがたいです

よろしくお願いします。

質問者からの補足コメント

• 

  お礼コメント後の補足です
  
  Chrome で反映されなかった・・ので
  直接 Chrome のツールを使って確認し始めました。
  
  もう大丈夫です＾＾

  No.1の回答に寄せられた補足コメントです。 補足日時：2017/11/09 12:07

No.1 ベストアンサー 回答者： Ogre7077 回答日時： 2017/11/09 10:57

Web ブラウザ備え付けの開発ツールを開きましょう。

文書構造の中から、対象の <b> 要素を探し出し、要素に当たっているスタイルを調べます。
指定された .font200 の他にも、色々なスタイルが当たっているのがわかると思います。

推測するに、指定された .font200 より優先順位の高いスタイルが要素に当たっており、
.font200 の font-size の値が上書きされています。

優先順位について
https://developer.mozilla.org/ja/docs/Web/CSS/Sp …

上書きされないように、以下のいずれかで対策しましょう。
案1. 条件が増えれば優先順位が上がるので、セレクタ部を詳細化する
案2. class より id が優先順位が上がるので、要素に属性 id を付ける (例: <b id="doubling">)
案3. より優先順位が高いスタイルが当たらないように class や id を見直す
案4. !important を使う

この回答へのお礼

早々のご回答ありがとうございます。

開発ツールで確認。
以前、別のサイトを作成したときに使ったことがありましたが
すっかり存在を忘れていました(;^_^A

ということで
Firefoxでテストしているサイトを開いたのですが
Firefoxではなんと .font200 が反映されていました。

普段使っていた Chrome で反映されていなかったようです。

ポイントの方も教えていただきましたので
解決策を探ってみます。

お礼日時：2017/11/09 11:35