我要复用相同部分的样式

.row-contain {
  display: flex;
  flex-direction: row;
  padding: 0 10px 0;
  .row-contain-b {
    margin-top: 10px;
  }

代码里：
<div className={styles['row-contain']}>
<div className={styles['row-contain-b']}>

想row-contain-b复用上面的样式 并多一个margin-top: 10px;

没看懂啥意思

额css里不行如果是less和scss可以，因为他们可以设置变量和函数

拆开呗

.row-contain {
  display: flex;
  flex-direction: row;
  padding: 0 10px 0;
  }
.row-contain-b {
    margin-top: 10px;
}
<div class="row-contain row-contain-b ">