idで指定する
IDセレクタ
ID(固有の識別名)を使った指定では、1つの要素にだけスタイルを適用させることができます。
要素のIDは、id属性で指定することができます。
#example { color: red; }
上記の例では、example というIDが付けられた要素にだけ、このスタイルが適用されることになります。
1つのIDは、同じ文書内で1ヵ所にだけ使用できます。(重複させてはならない)
指定方法
要素名に続けてID名を指定する方法と、ID名だけで指定する方法があります。どちらの場合も、ID名はハッシュ( # )に続けて記述します。
h1#example1 { color: red; }
#example2 { color: blue; }
example1 と example2 の部分がIDになります。
出典
CSSでidは使わない方が良い?
前述した詳細度の仕組み的に、idは基本使いません。
有名なCSS設計で、特定条件では使っても良いとしているものもありますが、使うことのメリットは特にありません。
もちろんページ内リンクの飛び先になるタグにはidが必要です。それでもidにはスタイリングしな方が良いです。
... スタイリングが必要な場合、このようにして.headerに書きます。IdをJavaScriptのフックに使う方もいます。
...
JavaScriptを書く際にはこのidを指定します。この使い方は特に問題ないです。ただし、#js-kv-sliderにスタイリングをするのはNGです。あくまでJavaScriptのフックのためのidです。
JavaScriptのフックでもclass=”js-kv-slider”のようにclassで指定しても良いです。
出典
感想
まだまだ知らないことばかりだ。
cssの参考書があった方がいいな。