聚合物阴影 dom 元素的基于类的 css 样式

【问题标题】：class based css styling for polymer's shadow dom elements聚合物阴影 dom 元素的基于类的 css 样式
【发布时间】：2014-12-30 19:36:33
【问题描述】：

我正在尝试使用 JavaScript 为我的影子 DOM 元素添加样式。我知道您可以使用 this.$.elementID 通过其 id 选择每个元素，但是是否有通过其类属性选择元素的方法？

谢谢

【问题讨论】：

【解决方案1】：

我会说$.elementID 是一种语法糖，有点……

没有办法像$.classname那样按类名选择元素，因为说实话没有任何意义，因为classname可能不是unique。

在您的模板中设置 root id，然后使用以下内容：

this.$.elementID.querySelector('.classname')

【讨论】：

【解决方案2】：

有一个选项可以直接使用访问 Shadow DOM，

this.shadowRoot.querySelector('.classname');

否则，按照@Eugene 的建议，将标识符（#container）添加到自定义元素，然后使用，

this.$.container.querySelector('.classname');

【讨论】：