web-component - 如何在 Web 组件中包含多个样式部分

Question

我在子类中添加了样式部分。

非常简化的版本：

class MyComponent extends HTMLElement{
    constructor(){
        super()
        this.html = `
            <style>
                :host {
                    /* some css in here */
                }
            </style>
            <style>
                :host {
                    /* additional css in here */
                }
            </style>`
    }
//...
}

第二个样式部分似乎被忽略了。

这应该可以吗？

更新：如果样式部分未拆分，它可以工作

class MyComponent extends HTMLElement{
    constructor(){
        super()
        this.html = `
            <style>
                :host {
                    /* some css in here */
                    /* additional css in here */
                }
            </style>`
    }
//...
}