lit - 如何在lit中使用adoptedStyleSheets

Question

参考这个文件，

https://lit.dev/docs/api/styles/#adoptStyles

我无法弄清楚使用它的方法。

Answer 1

似乎我可以使用以下方式进行导入。

import styleSheet from '@material/data-table/dist/mdc.data-table.css' assert { type: 'css' };

connectedCallback() {
  super.connectedCallback();
  this.renderRoot.adoptedStyleSheets = [styleSheet];
}

Answer 2

你可以static get styles在你的内部使用class

import { adoptStyles, LitElement } from 'lit';

class youComp extends LitElement {
  static get styles(){
    return [adoptStyles] /* you can return array of styles */
  }
}

这应该做的工作