Reactjs React样式化组件未将样式化应用于子元素

我想将此媒体查询应用于子元素，但无法修改子元素，因为它在其他组件中使用，因此，我想将这些样式“继承”到子元素，但它不是这样工作的

你知道为什么吗

export const StyledFather=styled（父）`
宽度：100%；
最小宽度：600px；
@仅介质屏幕和（最大宽度：600px）{
.客户专栏{
显示：无；
}
.orderNumber\u列{
显示：无；
}
}
@仅介质屏幕和（最大宽度：768px）{
.tag_列{
显示：无；
}
}
`;
const Father=（）=>(
);
类子级扩展了PureComponent{
render（）{
返回(
)
}
}

我想我能解决这个问题。clasName属性需要通过props传递给子元素：

const-Father=（）=>(
//传递类名attr
);
类子级扩展了PureComponent{
const{className}=this.props//通过props接收
render（）{
返回(
)
}
}
Child.propTypes={
类名：PropTypes.string，
};