看看Polymer，我在Chrome 37的开发者工具的Styles选项卡中看到以下CSS选择器：
我还看到一个选择器与伪选择器::阴影。
那么，在CSS选择器中什么do / deep /和:: shadow是什么意思？
解决方法
正如Joel H.在评论中指出的，Chrome自从弃用了/ deep / combinator，并且在IE中给出了语法错误。
HTML5 Web Components提供了CSS样式的完全封装。
这意味着：
>在组件中定义的样式不能泄漏并影响页面的其余部分
>在页面级别定义的样式不会修改组件自己的样式
然而有时候你想要页面级的规则来处理在其影子DOM中定义的组件元素的展现。为了做到这一点，你添加/深/到CSS选择器。
因此，在所示的示例中，html / deep / [self-end]选择具有自我端属性的html(顶级)元素下的所有元素，包括隐藏在web组件的shadow DOM根中的那些元素。
如果你需要一个选定的元素生活在一个影子根目录，那么你可以使用:: shadow伪选择器它的父元素。
考虑：
<div>
<span>Outer</span>
#shadow-root
<my-component>
<span>Inner</span>
</my-component>
</div>
选择器html / deep / span将同时选择< span>元素。
selector :: shadow span将只选择内部< span>元件。
在W3C的CSS Scoping Module规范中更多地了解这一点。
