8bitduck

Check Website (https://checkwebsite.jp) を運営中です。

8bitduck Japan | Check Website ブログ

ウェブサイトデザインや管理に役立つ情報をシェアします。

CSSヒント:IDセレクターはどんな時使う?

CSSのコーディングで、class を使うか id を使うかについて迷う時はありませんか?以下のガイドラインを参考にしてください。

JavaScript でフックが必要な時は id を使う

JQueryなどでフックが必要な時は、id を使うのが一番手っ取り早くストレートな方法です。

ページ内でアンカーリンクが必要な時

同じページ内でジャンプするリンクをつけたい時には id を利用します。

フォームで入力された項目をラベルとリンクさせる時

フォームを作成する時に、特定の項目のラベルを、ラベルの"for"属性を利用して入力項目のidとリンクさせることができます。

追加:id は数字で始まる単語は利用できません。さらに、アルファベットで少なくとも1文字あることが条件です。