内部样式

这是一个_仅限内部_的页面，用于展示我们文档的样式。

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

这是一个链接到另一个页面或部分。这也是。

这是粗体。 这是斜体。 这是粗斜体。

1. 这是第一项
2. 这是第二项
   1. 这是一个嵌套项

• 这是第一项
• 这是第二项
  • 这是一个嵌套项

组件的render方法可以返回 Lit 能渲染的任何内容。 通常，它返回一个单一的TemplateResult对象（与html标签函数返回的类型相同）。

我只是一些代码

import { LitElement, html, css, customElement } from 'lit-element';

@customElement('my-element');
class MyElement extends LitElement {
  static style = css`
    my-element #id .class [attr~="foo"] ::part(bar) {
      border: 1px solid blue;
    }
  `;

  render() {
    return html`
      Lorem ipsum ${value}!
      <button attribute="value"></button>
      <button attribute=${value}></button>
      <button .property=${value}></button>
      <button ?boolean=${value}></button>
      <button @event=${this.handler}></button>
    `;
  }
}

@customElement('my-element')
class MyElement {
  @property({attribute: false})
  foo;
}

class MyElement {
  static properties = {
    foo: {attribute: false}
  };
}
customElements.define('my-element', MyElement);