再帰的なcssの定義

ブログのcss設定を見直してみました。

要件は以下の通り。

• コード記述の手間を減らしたい（＝可能な限りclassは指定しなくて済むようにする）
• 見出しごとにインデントを設定したい

今まではdiv毎にclassを指定していましたが、以下のように記述することで、再帰的にdivの設定ができました。

div.entry-content div{
    margin-left: 10px;
}
div.entry-content p{
    margin-left: 10px;
}

CSSの優先度を変更する

プラグインで指定しているCSSとは別に自分でCSSを記述した場合、プラグイン側のCSSが優先されてしまい、オリジナルのCSSが反映されないことがしばしばある。
!importantを記述することで、優先度を変更することができる。

.class{
　　background:#CCCCCC !important ;
}

参考

HTMLタグボード スタイルシートの優先度を変更する