我不确定这是否可行，但我不知道如何在一个组件内部影响另一个组件的作用域样式。
我们有以下组件：

@Component({
    tag: "gov-button",
    styleUrl: "gov-button.scss",
    shadow: false,
    scoped: true
})
export class GovButton {
    render() {
        return (
            <button class="element">
                <slot name="left-icon"></slot>
                <slot />
                <slot name="right-icon"> </slot>
            </button>
        )
    }
}

button.element {
    slot::slotted(gov-icon) {
        font-size: 3rem;
    }
}

@Component({
    tag: "gov-icon",
    styleUrl: "gov-icon.scss",
    shadow: false,
    scoped: true
})
export class GovIcon {
    render() {
        return (
            <span aria-hidden="true" class={this.name}></span>
        )
    }
}

span {
    font-size: 1rem;
}

你的小弟弟

<gov-button variant="primary" size="small">
    <gov-icon slot="left-icon" name="lightbulb"></gov-icon>
    Small Primary
    <gov-icon slot="right-icon" name="question"></gov-icon>
</gov-button>

我想影响gov-button.scss样式表中gov-icon组件的外观，该样式表通过插槽插入gov-button组件。
不幸的是，没有选择器，我不能影响它的外观，我甚至不确定这是否可能。
谢谢你帮忙