cssの優先度

画像の注釈つけようとしたら、文章の左側に大幅の余白ができた…。
その場でpaddingやmarginなどいじっても効果なし。さてどうしたもんか。

結論から言うと、cssの優先度のせいでした。
id属性とclass属性ではid属性の定義のほうが優先されるってことですね。

今回はid="main"のpの設定とclass="hoge"のpの設定があって、前者が優先されてたようです。
cssは就職するタグに近い方が優先する…ってのが基本ルールだと思ってたのが裏目にでました。
長いcssになると、cssの上部と下部で宣言が被った場合気ずきづらいなあ。

＜ブログランキング参加中、よければ押してってね＞