在Chrome 34中,带有<style>标记的标题中定义的样式将影响Polymer元素的Shadow DOM中的元素.在Chrome 36中,情况并非如此.
我可以将所有样式直接移动到元素的模板中,但有时我们的css选择器会桥接Shadow DOM间隙.例如:
.something-outside .something-inside { ... }
.something-outside.foo .something-inside { ... }
后一种情况更加困难,因为它需要有关两个范围的信息.
处理这个问题的正确方法是什么？聚合物的特性是否会让全球风格通过？
非常有趣的是,我无法添加任何图像或超过2个链接而没有10个stackoverflow信誉点(whee),所以我能提供的最好的是这个jsbin: