Chrome 73支持可 构造样式表,允许创建可分发和可重用的样式。
他们的公告如下:
始终可以使用 JavaScript 创建样式表。使用document.createElement('style'). 然后访问其 sheet 属性以获取对底层CSSStyleSheet实例的引用,并设置样式。 使用这种方法往往会导致样式表膨胀。更糟糕的是,它会导致一闪而过的无样式内容。可构造的样式表可以定义和准备共享的 CSS 样式,然后轻松地将这些样式应用到多个阴影根或文档,而无需重复。
始终可以使用 JavaScript 创建样式表。使用document.createElement('style'). 然后访问其 sheet 属性以获取对底层CSSStyleSheet实例的引用,并设置样式。
document.createElement('style')
CSSStyleSheet
使用这种方法往往会导致样式表膨胀。更糟糕的是,它会导致一闪而过的无样式内容。可构造的样式表可以定义和准备共享的 CSS 样式,然后轻松地将这些样式应用到多个阴影根或文档,而无需重复。
css benchmarking google-chrome constructable-stylesheet
benchmarking ×1
constructable-stylesheet ×1
css ×1
google-chrome ×1