修改父类的子类，并将样式类作为道具传递

Question

我需要从父组件修改子组件的样式。但是父类中定义的样式没有反映在子组件中吗？可能的方法是什么？

Component2（子组件）

<div className={ classNames(css.class2, this.props.classWrapper) }>
    <div className={css.childclass2}></div>
</div>

Component1（父组件）

<Component2 classWrapper={css.class1} />

.class1{
    .childclass2{
        // the styles defined here are not reflected in the Component2
    }
}