css module global笔记

一般来说用上了css module之后，涉及到一些第三方组件，想要改里面的类样式，常常需要:global

比如 要改.third-party-class类的样式，假设父级业务类为customClass，则编码如下：

.customClass{
 :global{
  .third-party-class{
   // 这里改第三方类的样式
   font-size: 28px;
  }
 }
}

但如果你的customClass碰巧是和third-party-class同级，比如：（虽然少见，但偶尔也会有）

<div class="customClass third-party-class">
</div>

这个时候:global的写法就要这么写了

.customClass{
 &:global(.third-party-class){
   // 这里改第三方类的样式
   font-size: 28px;
 }
}

也可以是：(省了三个字符）

.customClass:global(.third-party-class){
   // 这里改第三方类的样式
   font-size: 28px;
}