Polymer Shadow DOM和样式

Polymer是一个基于Web Component标准的框架，它使用Polymer Shadow DOM技术实现组件样式隔离。本文将介绍Polymer Shadow DOM和样式的相关知识。

什么是Shadow DOM

Shadow DOM是Web Component标准的一部分，它允许开发者创建封装的组件，组件内部的DOM结构和样式将独立于外部环境，不受外部样式的影响。Shadow DOM中的样式只能影响该组件内的元素，不会影响到外部元素。

Polymer Shadow DOM

Polymer基于原生的Web Component标准实现了Shadow DOM技术。在Polymer中，每个组件都有一个Shadow DOM，开发者可以在组件模板中使用