HTMLマークアップからCSSファイルを生成

私はたくさんのhtmlとcssページを作成します。マークアップからCSSファイルを生成するよりも、htmlファイルをマークアップする方法はありますか？生成されたCSSのHTMLマークアップからCSSファイルを生成

例マークアップ

<body id="home"> 
    <section id="main"> 
     <article> 
      <p>Some content</p> 
     </article> 
    </section> 

    <aside> 
     <article> 
      <p>Some more content</p> 
     </article> 
    </aside> 
</body>

例

#home { } 
#home #main { } 
#home #main article { } 
#home #main article p { } 

#home aside { } 
#home aside article { } 
#home aside article p { }

出典

2011-08-16 Dan

私はCSS Lintを見ていきます。そのタイプの生成されたCSSは非常に実用的ではありません。絶対に2つのIDを使用しないでください。CSS lintは実際には絶対に使用しないことをお勧めします。 –

idを使用しないことを推奨する場合、CSS lintは愚かです。 – sidyll

空のCSSルールを削除する別のプロセスがない限り、これはあまり使用されないCSSを残し、CSSファイルを膨らませてサイトを遅くします。 –

をはい、あります：parse the HTMLとDOMツリーを歩くここ

は私が考えているものですスケルトンCSSファイルを生成します。

PS：それは非常に非実用的なCSSです。

出典

2011-08-16 21:13:32 Vlad

私はそれが実用的ではないことに同意するが、それはファイルを非常に読みやすくし、将来の編集で時間を節約する。 – Dan

@Dan：新しいセレクタをタイプする時間が短く、セレクタの時間が増えます。あなたのページが小さいのでなければ、通常の方法がより速くなると思います。 – Charles

うーん...これは、ファーストネームユーザーの答えですか？ – Charles

HTMLマークアップからCSSファイルを生成

答えて

関連する問題