Javascript LitElement如何监视子dom和更改样式

因此，我有一个自定义元素，需要根据对其子内容的更改来更新其样式。例如：

<my-element>
  <!-- When child content here changes I want to update styling --!>
</my-element>

---

你一般不应该做那样的事。如果DOM更改是由观察到的属性更改引起的，则可以在渲染函数中执行所需的任何更改。如果未观察到更改，则可以调用requestUpdate强制进行渲染。

通常不应执行类似操作。如果DOM更改是由观察到的属性更改引起的，则可以在渲染函数中执行所需的任何更改。如果未观察到更改，则可以调用requestUpdate强制渲染。

是否尝试使用该事件？是否尝试使用该事件？

<my-element>
  <span>Hello in <b>advance</b>!!!</span>
</my-element>

firstUpdated() {
              var shadow = this.shadowRoot;
              var observer = new MutationObserver(function(mutations) {
                  mutations.forEach(function(mutation) {
                      console.log(mutation);
                  });
              });

// configuration of the observer:
              var config = { attributes: true, childList: true, characterData: true, subtree: true }

// pass in the target node, as well as the observer options
              observer.observe(shadow, config);
          }