Q&A
コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564
ただこれは「出題者しか本来の意図は知らない」と思います。
前提・実現したいこと
divの使い方について質問です。
divとはCSSを適用するときに、適応しやすいように設定するものでブロック要素であるという認識をしています。
下記についての質問なのですが、
<div class="top-wrapper">
<div class="container">
<h1>LEARN TO CODE.</h1>
<h1>LEARN TO BE CREATIVE.</h1>
<p>Progateはオンラインプログラミング学習サービスです。</p>
<p>初心者にもやさしいスライドとレッスンで、Webサービスを作りながらプログラミングを学んでいきましょう。</p>
<div class="btn-wrapper">
</div>
</div>
</div>
これはProgateの演習のものなのですが、このtop-wrapperのなかにcontainerを入れる意味はあるのでしょうか？
CSSを適用しやすくするためにdivにclassをつけるという認識なのですが、例えば、containerの中の文章にCSSを適用したいのであれば、containerだけでいいと思うのですが、top-wrappperの中にcontainerを入れる理由がどうしても分かりません。
小さなことかもしれませんが、どうかご回答いただけると助かります。
よろしくお願い致します
classはCSSを当てるだけのために使われません。
JavaScriptで使うためかもしれないし、単に「ここはそういうエリアだよ」と分かりやすくするために場所に名前を付けただけかもしれません。
それが１ページに複数ありえるからclassであって、かもしれません。
やはり出題者のみぞ知るですね。
回答2件
0
classで定義されているということは別のHTML要素にも同様のクラスがつけられる可能性が想定されます
つまり別の箇所ではtop-wapperでありながらcontainerである可能性はありますし
逆にcontainerもtop-warpper内にあるものとないものがある可能性があります
投稿2020/06/27 13:55
総合スコア116724
そうですね！
そこを気にするならclass使わなくてもよくなってしまうということになってしまいますね！
すごくスッキリしました！
ありがとうございます！！
0
ベストアンサー
このtop-wrapperのなかにcontainerを入れる意味はあるのでしょうか？
top-wrapperにも別個でスタイルが適用されている、ということはありませんか？
投稿2020/06/27 13:49
総合スコア146018
記載されています。
ただ、これはcontainerのclassだけにして、適応されているcontainerとcopy-containerのスタイルを合併させることは不可能なのでしょうか？？
もちろん可能です。ただし、containerだけ別枠で使う場面が存在しえますが、そういう使い方はできなくなります。
なるほど！
containerにすべて適応させてしまうと、わざわざclassにした意味が薄くなってしまいますね！
ものすごくスッキリしました！
ありがとうございます！！！！！！！
あなたの回答
tips
プレビュー
