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>足够.
原文地址：https://www.jb51.cc/css/215417.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
