WordPressに限った話ではないですが、CSSを使ってページデザインする際には、
「セレクタ」をきちんと理解した方がよいでしょう。
セレクタとは
一言でいうと、「セレクタ」とはCSS命令を適用する範囲のことです。
body { font-size: 14px; }
これは「<body>～</body>の間の文字サイズを14pxにします」というCSS命令ですね。
このbodyを指定してる部分、{ }内のCSS命令を適用する範囲を選択（セレクト）
している部分をセレクタと呼びます。
セレクタとして指定できるもの
【HTML要素自体】
<p>サンプル</p>
p { color: #333333; }
上記の場合は、HTML上の全てのPタグで囲まれた部分が
CSSの適用範囲になります。
CSSでの指定の仕方は、「[タグ名] {･･･}」となります。
【HTML要素の属性に設定したクラス名】
<p class="sample">サンプル</p>
.sample { color: #333333; }
上記の場合は、「class=”sample”」でクラス名を付けたタグで囲まれた部分が
CSSの適用範囲になります。
CSSでの指定の仕方は、「.[クラス名] {･･･}」となります。
【HTML要素の属性に設定したID名】
<p id="sample">サンプル</p>
#sample { color: #333333; }
上記の場合は、「id=”sample”」でID名を付けたタグで囲まれた部分が
CSSの適用範囲になります。
CSSでの指定の仕方は、「#[ID名] {･･･}」となります。
CSSの基本は、HTML要素、クラス、IDを指定してスタイルを割り当てる作業に
なりますが、セレクタにはもっと細分化された種類や強さがあって、
それによってスタイルが適用される優先順位があります。
これが分かっていないと、「きちんとセレクタを指定しているはずなのに、
思ったようにスタイルが適用されない」ってなことになって、ドツボにはまります。
後の記事でもう少し細かく説明していきたいと思います。
SmartStyle