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;
}

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;
}

score 0 · Accepted Answer

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

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

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

4 回答 4