css - css クラス内に CSS クラスを挿入する

Question

私が欲しいのは、このコードのようなものです:

class1:hover {
    background-color: #f9f9f9;
    box-shadow: 1px 1px 8px #E0DADF;

    class2 {
        opacity:0.5;
    }
}

これは可能ですか、それともこのようにする他の方法はありますか?

score 1 · Accepted Answer

.class1:hover {
    background-color: #f9f9f9;
    box-shadow: 1px 1px 8px #E0DADF;
}

.class1:hover .class2 {
    opacity: 0.5;
}

または、CSS プリプロセッサを使用します。

score 0 · Accepted Answer

何かを追加するだけです。また、要素に複数のクラスを持たせることもできます。例えば、

<div class="class1 class2"></div>
<div class="class2"></div>

最初のdiv要素には、2 番目の要素の CSS スタイルも含まれます。

score 0 · Accepted Answer

0

SASSまたはLESSを使用する必要があります。

于 2012-09-11T03:02:30.967 に答える

score 0 · Accepted Answer

SASSまたはSCSSの場合、これは可能です。しかし、CSS クラスを入れ子にしたい場合は、次のようにすることができます:

class1:hover{
    background-color:#f9f9f9;
    box-shadow: 1px 1px 8px #E0DADF;
}

class1:hover class2{
    opacity:0.5;
}

4 に答える 4