插入CSS类CSS类里面

Question

我想是这样的代码：

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

    class2 { 
     opacity:0.5; 
    } 
} 

这甚至可能还是有其他办法让它这样吗？

Answer 1

您需要使用SASS或LESS。

Answer 2

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

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

或使用a CSS preprocessor。

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样式第二的。