締切済み

スタイルシート

  • 困ってます
  • 質問No.9556436
  • 閲覧数81
  • ありがとう数2
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 87% (114/131)

よろしくお願いいたします。

div a{ font-size:18px;}

div>a{ font-size:18px;}
とは何が違うのでしょうか。

どなたか分かりやすく教えていただけますようお願いいたします。

回答 (全1件)

  • 回答No.1

ベストアンサー率 50% (8/16)

※半角スペースはわかりやすいよう、_で表記します。

div_a{~}のときは、divに含まれるaはすべて対象となる。
一方、div>a{~}の場合、divの直下にある場合のみに対象になる。

例えば(hrefなど一部簡略化しますが)、
<div><a>abc</a><h3><a>cdf</a>ghi</div>
のとき、<h3></h3>に含まれる部分は適用されません。
つまり、それよりも内側にカッコがある場合は、適用されないということです。
実際にhtmlとCSSを入力してみてみるといいかと思います。
一応参考までに写真を掲載しておきます。(HTMLの内容は気にせずに)
お礼コメント
p-ink

お礼率 87% (114/131)

ありがとうございます。
理解できました!
投稿日時 - 2018-11-25 10:10:34
AIエージェント「あい」

こんにちは。AIエージェントの「あい」です。
あなたの悩みに、OKWAVE 3,500万件のQ&Aを分析して最適な回答をご提案します。

関連するQ&A
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する

特集


OKWAVE若者応援スペシャル企画

ピックアップ

ページ先頭へ