CSSを指定するセレクタ

トップページ＞ CSSを指定するセレクタ

CSSを指定するセレクタ

CSSの記述を行う際にはセレクタというものを使用して指定を行います。セレクタには全称セレクタ、タイプセレクタ、文脈セレクタ、クラスセレクタ、一意セレクタなどといった種類があります。

まず、全称セレクタについて説明します。
全称セレクタは*{プロパティ:値}といったように記述を行います。これにより定義を行うことで、全ての要素にそれが適用されることになります。

次に、タイプセレクタです。
これは、HTML内の要素をセレクタ名として指定する場合です。例としてh1{プロパティ:値}といった指定を行った場合、そのHTML内のh1の部分全てにその定義が適用されることとなります。

次にクラスセレクタについてです。
これはclass属性を指定して記述を行う方法です。class属性はファイル内で何度も同じものを使用することができます。また、classの名前は任意につけることができますので、後で修正や更新をする時や他の人がソースを確認した際にわかりやすいものをつけるようにしましょう。
記述の際には、class名の前に『.』をつけたものをセレクタとして指定を行い、HTML内ではその指定を行いたい部分のタグにclass=""class名""といった記述を加えることで反映をさせます。

次に一意セレクタです。これは、class属性と同じようにid属性というものを指定して記述を行う方法で、HTMLへの反映のさせ方もclassセレクタと同じく適用させたい部分のタグ内でid=""id名""といった記述をする形となっています。
classセレクタとの違いとしては、classセレクタがファイル内で何度も同じものを使用することができるのに対して、idセレクタの場合には同じものを2回以上使用することができないといった点が挙げられます。

最後に、文脈セレクタというものです。
これは、ある要素の子要素の部分にスタイルを適用させる際に使用します。これを記述する際にはセレクタに親要素と子要素を区切って記述します。
例として、<p>タグ内にある<em>タグの部分にだけ指定を与えたいといった場合には、p em{プロパティ:値}といった形で記述をおこないます。
また、上記のクラスやIDに関してもこの文脈セレクタを使用することができます。

このように、ホームページ制作の際には上記のような方法でCSSを記述し、レイアウトを指定していきます。

ホームページ制作会社　一覧

ホームページ制作東京: ホームページ制作会社のフューチャーは、東京都の品川区でホームページ制作を格安で行っております。お打ち合わせは、東京、千葉、神奈川、埼玉まで無料でお伺い致します。
WEBディレクター: ホームページ制作会社の現役ＷＥＢディレクターがためにＷＥＢ制作、ディレクションについて語ります。
ホームページ制作会社の営業日記: ホームページ制作会社の営業人がホームページ制作の現場をリアルに伝えます。
ホームページ制作基礎知識: ホームページ制作会社の窓口である事務員がＷＥＢの基礎知識を書いています。
ＷＥＢコーダー: ホームページ制作会社に必ず必要なプロのＷＥＢコーダーが惜しげもなく、テクニックを公開しています
ＷＥＢコンサルタント: ホームページ制作の受注をとるためには、ＷＥＢコンサルタントがお客様のご要望を正確に吸い上げる必要があります。
そんな体験談でしたらこちらを参考下さい。

CSSを指定するセレクタ