0

同じdivのクラス

<div class"myClass1 myClass2">

myClass1このように振る舞うことができます

.myClass1 .myClass2 {background:#ff0000}

cssで？

4

6 に答える 6

1

はい、必要な数のクラスを（複数）使用できますが、構文にはスペースがありません。

.myClass1.myClass2 {background:#ff0000}
于 2012-11-30T16:17:29.397 に答える
1

彼らは行動を上書きすることができます。

あなたの例では、実際に子セレクターを指定しました。

例えば

.myClass1 .myClass2 {background:#ff0000}

myClass2ネストされている場合、divに影響しますmyClass1

<div class"myClass1"> 
    <div class"myClass2"> 
    </div>
</div>

あなたが欲しいのは

.myClass1.myClass2 {background:#ff0000}

どちらで動作しますか

<div class"myClass1 myClass2"> 
</div>

これが OOCSS の仕組みの基本です。

于 2012-11-30T16:18:21.537 に答える
0

これは、次のようにクラスに影響します .myClass1 .myClass2 {background:#ff0000}

<div class="myClass1">
     <div class="myClass1">
     </div>
</div>

myClass1 は、そのような要素によってのみ影響を受けます

.myClass1{
}
于 2012-11-30T16:19:54.610 に答える
0

あなたが何を求めているのか完全にはわかりませんが、要素に2つの特定のクラスがあるかどうかに基づいて要素のスタイルを設定したい場合は、次のようにすることができます:

.myClass1.myClass2 {
    background:#ff0000;
}

myClass1 これにより、のクラスとmyClass1赤い背景のクラスを持つすべての要素が得られます。

<div class="myClass1">This won’t have a red background.</div>

<div class="myClass2">This won’t have a red background.</div>

<div class="myClass1 myClass2">This will have a red background.</div>

<div class="myClass1 myClass2 myClass3">This will have a red background.</div>
于 2012-11-30T16:20:09.003 に答える
0

これは、このクラスの両方を持つ要素に適用されます。

于 2012-11-30T16:17:46.603 に答える
0

.myClass1.myClass2間のギャップを除いて、このようにクラスを連結できます。あなたの場合はカスケードではありません。

ただし、これを行う場合、古いブラウザーには問題があると思います。

于 2012-11-30T16:16:46.340 に答える