[译] 使用 Shadow DOM 封装样式和结构

原文地址：Encapsulating Style and Structure with Shadow DOM
原文作者：Caleb Williams
译文出自：掘金翻译计划
本文永久链接：github.com/xitu/gold-m…
译者：Xuyuey
校对者：邪无神、Ziyin Feng

该系列由 5 篇文章构成，对 Web Components 规范进行了讨论，这是其中的第四部分。在第一部分中，我们对于 Web Components 的规范和具体做的事情进行了全面的介绍。在第二部分中我们开始构建一个自定义的模态框，并且创建了 HTML 模版，这在第三部分中将演变为我们的自定义 HTML 元素。

在开始阅读本文之前，我们建议你先阅读该系列文章中的前三篇，因为本文的工作是以它们为基础构建的。

我们在上文中实现的对话框组件具有特定的外形，结构和行