質問: style属性と外部cssの非整合性について よく分からない現象が起きたので質問させて下さい。 2段組において左右の段落の行頭を揃える為、### の見出しにクラスspace-plan--3mを 設置して外部cssに以下のようにプロパティを設定しました。 .space-plan--3m { margin-top: 3em; } ですがhtmlファイルには反映されませんでした。 そこで、にstyle属性を設置して同じ内容のプロパティを記述したところ、 私が意図した通りのレイアウトが出来ました。 どうしてこのような現象が起きるのでしょうか? 出来るだけ外部cssに記述をしたいのですが...。
回答: #1です。お礼拝見しました。 基礎知識はあるようですね。 では、応用しましょうよ! !importantがわかっているなら、それを試せば良いだけです! その後、 !importantも外しても、そのcssを優先したいなら、 ・他のcssを消す ・詳細度を優先させる このどちらかしかありませんよ! (前回の質問を参照した上で)別の方法としては、例のh3やpの上部スペースを両方空けたいなら、 h3のmargin-topではなく、ボックス(div)のpadding-topがベストです。 h3をやめて、pが来る場合も想定できるので、、ボックスのpadding-topの方が良いという判断基準です。複数ページになった場合も想定できます。 first-childでも良いでしょうけど。 (実際の現場の判断がベストでしょうけど、あくまでここの質問の条件内での想定ですからw)