在CSS类中插入CSS类

Question

我想要的就是这段代码：

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

    class2 {
        opacity:0.5;
    }
}

这甚至是可能的，还是有其他方法让它像这样？

Answer 1

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

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

或使用a CSS preprocessor。

Answer 2

您需要使用SASS或LESS。

Answer 3

如果是SASS或SCSS，是的，这是可能的。但是如果你想嵌套CSS类，你可以这样做：

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

class1:hover class2{
    opacity:0.5;
}

Answer 4

只是添加一些东西。 你还可以做的是，使元素有多个类。例如，

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

第一个div元素也将具有第二个的css样式。