插入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樣式第二的。