• 締切済み

CSSのグルーピング

グルーピングといっても通常のグルーピングではありません。 テンプレートを作成してグルーピングしたいのです。 簡単に書くと次のような感じになります。 .sample1 { color:RED } p1.test { sample1 } やっていることがお分かりでしょうか。 スタイル設定を入れ子にしたいということです。 これができれば構造化されて記述がすっきりします。 (この例ではあまり変わりませんが) 最終的には次の形にしたいと思っています。 .sample1 { color:RED } .sample2 { color:BLUE } .sample3 { color:GREEN } P1.test{ .sample1 ; .sample2 ; .sample3 } こちらの例は可能なら書式を指導して頂くとして とりあえずは最初の書式を可能か不可能かを含めて指導して下さい。

みんなの回答

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

CSSは、別の方法で対処します。 なぜって、Cascading Style Sheets(継承するスタイルシート)だから、カスケードや@規則というもっと良い方法があるから。 @import とか、・・・ また、いくつかに分割して記述して、必要なものだけを適用するとか・・  考え方は@importと同じだけど default.css colorScheme.css screenShape.css category1Color.css category2Color.css category3Color.css なら、 あるスタイルシートの最初に @import url("default.css"); @import url("colorScheme.css"); @import url("screenShape.css"); と書いても良いし、head内に並列して書けばよい。  それじゃまずいのですか?

yasyatengu
質問者

お礼

どうも回答ありがとうございます。 >それじゃまずいのですか? いえ、まずくありません。importでやれば外部スタイルシートに 今の羅列を丸投げできますので、html本体はすっきり書けます。 外部におくというよりも、何とか構造化できないかなと考えています。 まあ、美意識のこだわりといってしまえば、それで終わりですが、 可能なら短縮してみたいと思っています。

関連するQ&A