样式

:global (.am-navbar-title) {
    color:#333;
}
.map{
    padding-top: 45px;
    height: 100%;
}
.container{
    height: 100%;
}


/*在全局样式前面可以加上属于哪个类名之下，这样可以提高权重，避免覆盖组件类名的样式*/
.map :global(.am-navbar){
    margin-top: -45px;
}

局部作用域

:local(.am-navbar) {
  color: red;
}

cssModule

// index.module.scss
.root {
  display: 'block';
  position: 'absolute';
  // 此处，使用 global 包裹其他子节点的类名，这些类名就不会被处理，在 JSX 中使用时，就可以用字符串形式的类名
  // 如果不加 :global ，所有类名就必须添加 styles.title 才可以
  :global {
    .title {
      .text {
      }
      span {
      }
    }
    .login-form { ... }
  }
}