Polymer支持< style is =“custom-style”>它允许您定义仅适用于元素的样式,例如影子DOM.
Polymer还支持< dom-module id =“shared-styles”>它允许您打包一组可以导入到元素定义中的样式声明.
因此,它们两者的关键似乎是允许您设计聚合物元素的样式.你为什么要用另一个呢？看来,用例大致重叠.
额外的混淆：共享样式可以导入自定义样式.你为什么要这样做？为什么不？
解决方法
< dom-module id =“my-shared-styles”>声明可以导入元素的可重用样式模块,或者< style is =“custom-style”>标签.
在自定义元素中使用
<dom-module id="my-element>
<template>
<style include="my-shared-styles"></style>
...
</template>
</dom-module>
或者在< style>中自定义元素外部的标记(例如在< head>中)
<head> <style is="custom-style" include="my-shared-styles"></style> </head>
< style is =“custom-style”>仅当您要在不在< dom-module>内的样式元素中使用Polymer CSS功能(CSS变量和mixins)时才需要.内部< dom-module>只是< style>足够.
