0

CSSの専門家から知りたいのですが、この質問はばかげているかもしれません。1つのクラスの下にCSSクラスを書く方法はありますか？

divの下にいくつかのdivがあるとします

<div class="parent">
     <div class="c1"></div>
     <div class="c2"></div>
     <div class="c3"></div>
</div>

通常、私たちは以下のようなcssクラスを書きます-

.parent { width: 100%; }
.parent .c1 { //somecode }
.parent .c2 { //somecode }
.parent .c3 { //somecode }

でも、知りたいです。以下のように書けますか-

.parent {
    width: 100%;
   .c1 {
      //somecode
   }
   .c2 {
      //somecode
   }
   .c3 {
      //somecode
   }
}

好奇心の答えを教えてください。ありがとうございます。

4

4 に答える 4

1

通常のCSSは使用できません。

多分あなたはより少ないものを探していますか？具体的には、ページのさらに下にあるネストされたルールのセクションです。

これにより、他の多くの便利な関数、変数、ミックスインとともに、求めていることを実行できます。

または、 SASSのオプションがあります。これはlessと非常によく似ています。

于 2013-02-06T13:50:48.320 に答える
0

CSSはそれを行うことができませんが、LESSとSASSはそれを行うことができます。

これらはCSSコンパイラであることに注意してください。したがって、（すべてを手作業で作成するのではなく）コンパイル手順を実行して必要なCSSを生成する必要があります。

于 2013-02-06T13:52:43.073 に答える
0

ネストまたはセレクターの継承に似たものを探しているようです。

これはSASSで行うことができます。LESSと非常によく似ています。http://sass-lang.com/

于 2013-02-06T13:53:29.217 に答える
0

いいえ、通常のcssを使用することはできませんが、読みやすくするために、親クラス以外で.c1-3を使用しない場合は、CSSをインデントして実行するだけです。

.parent {
    width: 100%;
}
   .c1 {
      //somecode
   }
   .c2 {
      //somecode
   }
   .c3 {
      //somecode
   }

このようにして、どのクラスがどの親クラスに属しているかをコードで簡単に確認できます。（LESSSASSルートを下りたくない場合

于 2013-02-06T13:53:55.443 に答える