嵌套的scs无法正常工作

Question

在将导入嵌套在类似的类中时遇到问题

.base-class-xirLd4a709  {
  @import 'semantic.css';
  .deal-icon {
    vertical-align: top;
    height: 30px;
    margin: 5px 0px 0px 5px;
  }
}

导入的CSS在父类之外生效，并影响整个页面。如何阻止范围？