/* 全般 */
body {
background-color:#fff;
color:#000;
}
/* ナビゲーション */
div.navigation {
background-color:#fff;
color:#555;
font-size:80%;
}
div.navigation p {
margin:1em 10%;
padding:1ex;
}
/* コンテンツ */
div.contents {
background-color:#e0e0e0;
color:#333;
font-size:100%;
}
/* background-color */
body { background-color:#fff }
div.contents { background-color:#e0e0e0 }
div.navigation { background-color:#fff }
/* color */
body { color:#000 }
div.contents { color:#333 }
div.navigation { color:#000 }
/* font-size */
div.contents { font-size:100% }
div.navigation { font-size:80% }
/* margin */
div.navigation p { margin:1em 10% }
/* padding */
div.navigation p { padding:1ex }
/* background-color */
body,
div.navigation {
background-color : #fff
}
div.contents {
background-color : #e0e0e0
}
/* color */
body,
div.navigation {
color : #000
}
div.contents {
color : #333
}
/* font-size */
div.contents {
font-size : 100%
}
div.navigation {
font-size : 80%
}
/* margin */
div.navigation p {
margin : 1em 10%
}
/* padding */
div.navigation p {
padding : 1ex
}
不具合報告や要望などは、akiyan.com+webmaster@gmail.comへお願いいたします。
トラックバックを送りたい方はCSSプロパティ別整理法の提案とCSS自動整形アプリケーションを公開しました (BlogId:47)のトラックバック先であるhttp://www.akiyan.com/cgi/mt/mt-tb.cgi/48
までどうぞ。
以下は実装を検討中の機能です。要望があれば、すぐに実装するかもしれません。
/* %s */
と表現する。たとえば/** border-width **/
としたければ/** %s **/
になる。%s { %s:%s }
となる。改行を表現するときは%s {\n %s:%s\n}
といった感じで。「蓄々CSS自動整形」に加えられたセレクタ基準の整形、試してみました。これで両方向(プロパティ基準、セレクタ基準)にいつでも整形可能になりましたね。ただ、この整形はあくまでもプロパティ、セレクタいずれかを優先させた並べ替えですので、整形すると同時に CSS作成者の意図はすっぽりと抜け落ちてしまいます。当たり前の話ですが、「セレクタ基準→プロパティ基準→セレクタ基準」と整形しても元通りにはならず、セレクタをabc順に並べた(作成者にとっては)あまり読みやすくない CSSが返ってくるわけです。これは別に「蓄々CSS自動整形」を非難してるわけじゃなくて、このツールはやはり最初に想定された使い方が一番しっくりくるんだなあと再認識したということ。
このツールはやはり最初に想定された使い方が一番しっくりくるんだなあと再認識したということ
は、私も感じました。abc順でしかソートできず、コメントが削除されるのは痛い仕様です。大きなCSSをセレクタ基準方式でメンテナンス性を確保するには、製作者の意図が入ったものでないと実用に耐えませんね。
セレクタ基準整形はプロパティ基準と比較するための材料として有用なので、プロパティ基準を薦める意味でも作った甲斐はあったと思っています。
試用報告、ありがとうございました。
blockquote > p
、blockquote + p
)のスペースが削除される不具合を修正しました。blockquote,,p
)が存在する時、空文字をセレクタとして認識してしまう不具合を修正しました。