Q&A
「適応」じゃなくて「適用」ですね。
前提・実現したいこと
以下のコードで、font-weightを『プログラミング』というh1の文字に適応しようとしました。
以下のようにCSSを組むとfont-weightは適応されずただ文字が赤くなるだけでした。
しかし、font-weightを.contain h1 に移して実行すると適応されました。
font-weightを適応するにはdivだけでなく、その子のh1も指定しなければならないのでしょうか？
試しに他のプロパティはどうなのかと疑問に思い、font-sizeをdivの指定だけで記述したら、適応できました。
以上の疑問に対し、まだ初心者で調べ方も下手故に、解決できませんでした。
回答をよろしくお願いいたします。
HTML
1<!doctype html> 2<html> 3<head> 4<meta charset="UTF-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1"> 6<title>サンプル</title> 7<link rel="stylesheet" href="sample.css"> 8</head> 9<body> 10 <header> 11 <div class="contain"> 12 <h1>プログラミング</h1> 13 </div> 14 </div> 15 </header> 16</body> 17</html> 18
CSS
1@charset "UTF-8" ; 2.contain h1 { 3 color: red; 4} 5.contain { 6 font-weight: normal; 7}
回答1件
0
ベストアンサー
font-weightを適応するにはdivだけでなく、その子のh1も指定しなければならないのでしょうか？
おそらくh1にかかっているデフォルトスタイルシートが優先されていると思われます。親要素からの継承より、その要素のデフォルトスタイルシートのほうが優先されます。
投稿2019/09/05 11:42
総合スコア145183
回答ありがとうございます。
つまり、font-weightはデフォルトが優先され、font-sizeはデフォルトが優先されなかったため、後者のみが適応されたということですね。
あなたの回答
tips
プレビュー
