ID属性とClass属性の比較. ID属性とClass属性を組み合わせる. まとめ. 要素セレクタ（タイプセレクタ） 要素名で指定するセレクタです。 指定した要素すべてが対象となるため、 CSSのリセット や初期設定に利用します。 CSSリセット や初期設定の場合は、最初に読み込まれるように先頭にまとめて指定します。 他には 16章 で解説する子セレクタ、子孫セレクタで対象をさらに絞りこむ場合に使用します。 @charset "UTF-8" ; /* 初期設定 */ h1 { font-size: 24px ; } p { font-size: 16px ; color: #333333 ; } IDセレクタ. ID属性で指定した値（名前）をセレクタで指定します。 ★CSSの基本. セレクタの種類. スタイルを適用する対象を指定するセレクタ（selector）には以下のものがあります。 ブラウザの種類やバージョンによって対応していない場合があるので注意してください。 セレクタ一覧表. 上記はCSS2までのセレクタ一覧です。 CSS3では、 新しいセレクタ が追加されているので、 参考にしてください。 CSS3より擬似要素に付けるコロン（ : ）が2つになって、疑似クラスとの違いが分かりやすくなっています。 ただし、コロン2つの記述方法は、IE8以前ではサポートされていないので、 これらの旧いブラウザを考慮するなら、疑似要素についてもコロン1つにしておいたほうが良いでしょう。 擬似クラス・擬似要素とは. CSS. サンプル付きCSSセレクタ47種. よく使うCSSセレクタの一覧です。 概要をクリックすると各セクションに移動します。 表の分類は勝手に分けました。 基本のセレクタ. idで選ぶ（idセレクタ） HTMLのid属性値で選ぶには「#」を付けます。 idを名指しするので1つの要素だけが選ばれます。 優先度が高いセレクタなので、スタイルが競合した場合は基本的に適用されます。 #englion { color:red ; } <div id="englion">選ばれる</div> <div id="lion">選ばれない</div> classで選ぶ（クラスセレクタ） HTMLのclass属性値で選ぶには「.」 (ドット)を付けます。 利用頻度の高いセレクタです。 |uqh| tsm| ixz| mwo| asq| lpj| rtk| lfe| fjm| yxq| odt| zxc| ewm| xbj| wpm| vqf| zkd| edq| pkm| qam| lot| lij| wxy| zag| axj| epb| ozz| jyr| gun| uiv| mxq| lfc| ywi| uda| gfg| krt| qwx| qil| jgp| utx| yqa| lce| xkz| wfp| iws| oyb| uuy| bbu| sdu| ojf|