CSSのみを修正してデザインを更新することはどの程度まで可能でしょうか?
今やHTMLファイルは文書情報のみ、デザインはCSSで定義することが常識となっています。ふと思ったのですが、この規則に厳密にのっとり、HTMLファイルをいじることなくCSSファイルの修正のみでデザインを変更することはどの程度可能でしょうか?
簡単な例を出しますと、以下のようなソースが書かれたHTMLファイルがあるとします。
<div id="top">This is top.</div>
<div id="middle">This is middle.</div>
<div id="bottom">This is bottom.</div>
これを、CSSの修正のみで上からbottom, middle, topの順にできますでしょうか?HTMLファイルを編集してdiv要素の順番を変えればすぐ解決できる問題ですが、せっかく文書とデザインを分離する手法が提唱されたので、なんとかCSSの修正のみで対応してみたいと思うのです。
なぜこんなこと考えたのかと言いますと、Webデザインのお仕事では数千ページという大規模構成のサイト更新を請け負うこともあると聞き、どういう方法がもっとも楽に更新できるだろうかと考えたからです。もちろん、CSSのみでの修正が可能だとしてもHTML文書の構造がめちゃくちゃではどうしようもありませんが、HTML文書の構造がしっかりしている(完全にValidなXHTML)場合、なんらかの効率的な手段があるんじゃないかと思いまして。