マークアップの代わりにスタイルシートにクラスを設定する

私はCSSの貧弱な知識を、私が行っている小さなおもちゃプロジェクトに適用しようとしています。HTMLマークアップで列の幅を宣言しなければならないことは無限に迷惑をかけることです。マークアップの代わりにスタイルシートにクラスを設定する

私がすることができるような方法ではなく、

<div id="leftNav"></div>

よう

<div class="grid_4"></div>

使用何か、があり、スタイルシートには、IDを持つ要素にgrid_4クラスを適用leftNav？

私の心の中では、この

#leftNav { 
    apply-class: grid_4; 
}

のようになります。CSSで利用できるようなものはありますか？

2012-04-10 Tobias

なぜあなたはそれをしたいですか？ CSSはあなたにそれをさせませんが、あなたは動的にクラスを割り当てるためにJavascriptを得ることができます。しかし、あなたがその背景についてもっと詳しく説明すれば、おそらくより自然なアプローチを考え出すことができます。 – Thilo

私は本当にマークアップのレイアウトを固執したくありません。 – Tobias

あなたのクラス 'leftNav'を呼び出すと、それは基本的にあなたのマークアップにレイアウトを張っています...-Pでも私は同意します。 – deceze

通常のCSSではなく、

CSSプリプロセッサがあります。新しいプリミティブが作成され、新しいミニ言語が作成され、通常のCSSに処理され、それらの機能が追加されます。 less,Sassを参照してください。

2012-04-10 07:12:28 deceze

これは有望そうです。 SASSでは#nav {@extend .grid_4}のようなことをすることは可能でしょうか？ – Tobias

あなたはおそらく* mixins *を見ているでしょうが、どちらか一方がおそらくそれを行うでしょう。 – deceze

答えて