如何在我的@extend中包含Hover作为共享样式?

Question

就像标题所说的那样，我如何将hover添加到@extended样式中?

我将在这里添加一个链接到我的Codepen: https://codepen.io/UserBrayann/pen/gOvmzwN

SCSS

%box-shared {
box-shadow: 4px 3px 19px 0px rgba(0,0,0,0.3);
border-radius: 5px;
padding: 10px;
}

Answer 1

下面是如何在scss中使用hover，同时也使用@extend。

%box-shared {
box-shadow: 4px 3px 19px 0px rgba(0,0,0,0.3);
border-radius: 5px;
padding: 10px;

&:hover {
background-color: red;
}
}