スタイルの適用先指定方法Ⅳ

スタイルの適用先指定方法Ⅳ

子孫セレクタ

これは適用先を指定するときに、「要素Ａの中の要素Ｂに適応させる」っという方法です。

例えば、class=”box”の中のpタグは全部上下に1emのmarginを付けたい時なんかはこれを使うと便利です。

書式としては、セレクタ名との間に半角スペースを入れます。

記述例

.box p {
      margin-top: 1em;
      margin-bottom: 1em;
}

これは、Ａの中のＢの中のＣの中のＤっといった感じであればあるだけ増やせますが、あまり使いすぎると今度は仕様変更するときなど、どこに何が適応されているのか分からなくなるので、適材適所！case　by　case！で上手く使い分けるようにしましょう。

追々記事にしていきますが、デフォルトの状態だとpタグにはすでにmarginがついています。

これは何かとうっとおしいのでリセットするように設定します。

～08/03/26～

タグ: css, style, スタイル, 指定, 方法, 適用先

前の記事

次の記事

Comments

名前 (必須)

メールアドレス (必須)

コメント

関連記事

• 罫線をデザインする
• スタイルの適用先指定方法Ⅱ
• スタイルの適用先指定方法Ⅲ
• 画像の隣にくるテキストの縦揃え
• ナビゲーションメニュー（実用編Ⅳ）

最近の記事

• CSSでグラデーションの背景
• ナビゲーションメニュー（実用編Ⅳ）
• ナビゲーションメニュー（実用編Ⅲ）
• ナビゲーションの画像
• ナビゲーションメニュー（実用編Ⅱ）
• ナビゲーションメニュー（実用編Ⅰ）
• ナビゲーションメニュー（応用編Ⅱ）
• ナビゲーションメニュー（応用編Ⅰ）
• ナビゲーションメニュー（基本Ⅲ）
• ナビゲーションメニュー（基本Ⅱ）