LoginSignup
0
0

More than 1 year has passed since last update.

idで指定する

Posted at

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の参考書があった方がいいな。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0