フォントサイズの設定変更 ＣＳＳ

質問

ホームページテンプレート・ＣＳＳを個人サイトよりお借りして
作成しております。

ＣＳＳで、
* {
margin : 0;
padding : 0;
color : #000;
font : normal 10px Verdana;
line-height : 200%;
letter-spacing : 0.2em;
}
このような記述があり、ページ全体がここで設定されているフォントサイズ
になっています。

ただしある一部分だけ個別にフォントサイズを変更したいのですが、
ＨＴＭＬ側に記載してもこのＣＳＳのほうが優先されてしまい
反映しません。
設定する方法は無いのでしょうか？ご回答お願いいたします。

回答No.2

藤田 朋郎（@hujitomo） · ベストアンサー

＞ただしある一部分だけ個別にフォントサイズを変更したい

その『ある一部分』に新たなスタイルを上書きしてやれば済むと思いますが・・・

【例：<em>を使ってみる】

em {
　font-size:20px
　}

<p>文章の中の<em>ある一部分</em>のみスタイル変更</p>

こうすれば『ある一部分』の箇所のみ20ピクセルで表示されます。

回答No.1

ORUKA1951

詳細度で比較され詳細度が大きい方が優先

*は詳細度0ですから、いくらでも上書き可能です。
ただし、
HTML内の、<font size="">などは詳細度0ですべての宣言の前に置かれます。
　結果的に、上記指定で上書きされている。
HTML内での記述はstyle=""での記述は100
同じ要素に指定されていて詳細度が同じ場合、後から登場したもので上書きされる。

詳しい計算方法は
値の割り当て、カスケード処理、継承 ( http://www.swlab.it.okayama-u.ac.jp/man/rec-css2/cascade.html#specificity )
をご覧ください。

仕様書は最低でも最初は目を通しておくこと。

なお、
* {
margin : 0;
padding : 0;
color : #000;
font : normal 10px Verdana;
line-height : 200%;
letter-spacing : 0.2em;
}
こんなお馬鹿な指定はしません。あとですべて書き変えないとならないので困るよね。
せいぜい
html,body{
margon:0px;
padding:0px;
}
p{ text-indent: 1em;}
程度で抑えておくべき、せっかくブラウザがデフォルトで持っているスタイル指定を全否定するのは間違い。