css - 在渲染 Child 时更改 Parent 样式

Question

您好，我正在尝试在渲染时从 .content 更改样式<Spin className="spin">。

打字稿：

public render() {
        return (
            this.state.isLoading ? (<Spin className="spin" />) : (
                <div>
                    <FormStructure {...this.state.system} />
                </div>
            ));
    }

CSS：

.content-inner {
    display: block;
    align-items: initial;
    justify-content: initial;
}

.spin > content-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

标签： csstypescriptreact-typescript

Answer 1

您的意思是content-inner仅当孩子ant-spin存在时才更改样式？简短的回答：你不能。

长答案是 DOM 的样式是按顺序应用的，所以当浏览器到达子 div 时，浏览器不能再将任何样式应用到父 div。