あるプロパティのスタイルだけ適用されない

「pタグに書式を設定しているが、font-sizeだけ適用されない」などの場合、主に2つの理由が考えられます。

プロパティの記述が間違っている

以下のように、コロンとセミコロンの使い方が間違っていたりしませんか?

style.css
p{
    font-size:14px:
}

正しくは以下の形です。

style.css
p{
    font-size:14px;
}

他の箇所とCSSの指定が重複していてそちらが優先されている

スタイルの指定が重複した場合、通常はより下の行に記述されたものが優先されます。現在記述している行より下の行でスタイル指定が重複していないか確認してみましょう。

style.css
p{
    font-size:12px;
}
p{
    font-size:14px;
}

この場合、2行目をいくら正しく書いてもフォントサイズは14pxになってしまいます。

また、例外として以下のように、あるID内の要素に対してスタイルを指定した場合は、その下の行でスタイルが重複していたとしても優先されます。

style.css
#main p{
    font-size:12px;
}
p{
    font-size:14px;
}

つまり、#mainの中にあるp要素に関しては、いくら5行目を正しく書いても2行目が優先され12pxとなってしまいます。

PAGE TOP