こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

回答受付中の質問

スタイルシート

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

div a{ font-size:18px;}

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

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

投稿日時 - 2018-11-10 15:25:59

QNo.9556436

困ってます

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

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

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

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

投稿日時 - 2018-11-11 00:53:38

あなたにオススメの質問