IDを使ってスタイルシートを指定する
CSS/HTMLの書き方
CSS
#固有ID { プロパティ:値 ; プロパティ:値 ; …}
HTML
<要素名 id="固有ID">…</要素名>
|
|||||||||||
解説
IDによるスタイルシートの指定方法です。上記のように、CSSで固有のIDを記述し、スタイルシートを適用したいHTMLの要素の開始タグにそれと同じID名を指定します。すると、その部分に対してスタイルシートを適用することが出来ます。なお、CSSのID名の前には「#（シャープ）」を書く必要があります。
ID名は固有に割り当てること
CSSを規格化するW3Cによれば、IDはそれぞれ固有の名前とし、HTML内で複数記述することは出来ないように定められています。従って、HTML内で同じID名を使うことは出来ません。ただし、現在の多くのWEBブラウザでは、同じID名を使っていても、特に問題なく表示されます。
CSS/HTMLサンプル
CSS
#sample { background:#ffdff9 ; width:50% ; font-size:small;}
HTML
<p id="sample">…</p>
段落に特定のCSSを定義する サンプル
