React基础（3）—— React中修改arco-design组件内部样式（类似于Vue深度选择器）

React中修改arco-design组件内部样式（类似于Vue深度选择器）

• React样式隔离

  • React样式隔离的方式是CSS Module。

• React中类似于Vue中深度选择器的方法

  • Vue中的深度选择器可以在父组件的css中修改子组件中元素的样式。一般常用的是用于修改类似于arco-design的组件库中组件的内部元素的样式。

  • React中类似的方法

    .a{
      :global{
        .b{
          ...
        }
      }
    }
    

    上面是父组件的样式文件。

    .b是子组件中的元素，将.b放在 :global中，就可以修改子组件中.b元素的样式。