如何使 css 不重复同一个类

.class-action:hover, .class-action.activeOne {
  color: black;
  font-weight: bold;
}

.class-action.activeOne {  
  margin: 3px 0px; 
  border-bottom: 2px solid black;
}

.class-action:hover {
  color: black;
  font-weight: bold;
}

.class-action.activeOne {
  color: black;
  font-weight: bold; 
  margin: 3px 0px; 
  border-bottom: 2px solid black;
}

.class-action {
    &:hover,
    &.activeOne {
        color: black;
        font-weight: bold;
    }

    &.activeOne {  
        margin: 3px 0px; 
        border-bottom: 2px solid black;
    }
}

Css相关问答推荐

当optgroup元素不包含任何未使用CSS禁用的选项元素时，如何隐藏它

CSS子网格不显示行间距

使用 Vuetify 的 sass 变量时出错

CSS Select 标签旁边的文本并输入

为什么我的 React slick 轮播响应能力不起作用？

Img 未拉伸以满足所需的纵横比

重用 CSS 类更改一些属性

为什么这个绝对定位的 ：：after 伪元素会崩溃，除非父级有过滤器？

n 个元素的 CSS 关键帧动画

使用 React-Router 和 Outlet 时如何确保内容保持在下方

CSS动画恢复默认

基于内容显示(show)/隐藏(hide)同级div

css中的背景图像没有被缓存

如何倾斜元素但保持文本正常(未倾斜)

内联块在 Internet Explorer 7、6 中不起作用

使用 float：left 后如何获得新行？

rotate3d 速记

go 除文本输入的内阴影

在 CSS 中结合border-top、border-right、border-left、border-bottom

输入上方带有标签的样式表