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

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

有办法堆叠这些css代码吗？我不想再次重复相同类。我想要所有四个样式的“.class-action.activeOne”和只有以上两个样式时，“.class-action. hover”
其他选项在下面，但是它重复css

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

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