样式

将给定的样式应用于 shadowRoot。当 Shadow DOM 可用但 adoptedStyleSheets 不可用时，样式将附加到 shadowRoot 以 模仿规范行为。请注意，当使用模拟时，任何随后放置到 shadowRoot 中的样式都应放在任何模拟的 adopted 样式之前。这将匹配规范行为，该行为使 adopted 表单优先于 shadowRoot 中的样式。

导入

import { adoptStyles } from 'lit';

签名

adoptStyles(renderRoot, styles): void

参数

renderRoot

ShadowRoot

styles

Array<CSSResultOrNative>

一个模板文字标签，可与 LitElement 的 styles 属性一起使用来设置元素样式。

导入

import { css } from 'lit';

签名

css(strings, values): CSSResult

参数

strings

TemplateStringsArray

values

Array<number | CSSResultGroup>

详细信息

出于安全原因，只能在嵌入式表达式中使用文字字符串值和数字。要合并非文字值，可以在表达式中使用 unsafeCSS。

用于 CSS 文本字符串的容器，可用于创建 CSSStyleSheet。

导入

import { CSSResult } from 'lit';

详细信息

CSSResult 是 css 标记的模板文字和 unsafeCSS() 的返回值。为了确保 CSSResults 仅通过 css 标签和 unsafeCSS() 创建，CSSResult 不能直接构造。

导入

import { getCompatibleStyle } from 'lit';

签名

getCompatibleStyle(s): CSSResultOrNative

参数

s

CSSResultOrNative

当前浏览器是否支持 adoptedStyleSheets。

导入

import { supportsAdoptingStyleSheets } from 'lit';

类型

包装一个值以在 css 标记的模板文字中进行插值。

导入

import { unsafeCSS } from 'lit';

签名

unsafeCSS(value): CSSResult

参数

value

unknown

详细信息

这并不安全，因为不受信任的 CSS 文本可用于拨打电话回家或将数据泄露到攻击者控制的站点。注意仅在受信任的输入中使用它。

导入

import { CSSResultArray } from 'lit';

类型

单个 CSSResult、CSSStyleSheet 或这些的数组或嵌套数组。

导入

import { CSSResultGroup } from 'lit';

类型

CSSResult 或原生 CSSStyleSheet。

导入

import { CSSResultOrNative } from 'lit';

类型

详细信息

在支持可构造 CSS 样式表的浏览器中，CSSStyleSheet 对象可与 css 模板标签中的 CSSResult 一起用于样式设置。