Polymer 聚合物扩展元件上的覆盖样式

当一个元素被选中时，我试图覆盖样式

这适用于Safari和Firefox。它不适用于铬38

<link rel="import" href="../polymer/polymer.html">
<link rel="import" href="../core-selector/core-selector.html">

<polymer-element name="my-selector" extends="core-selector"> 

  <template>
    <style>
    :host::shadow .item.core-selected{
      background: blue;
    } 
    </style>

    <shadow></shadow> 
  </template>

  <script>
    Polymer('my-selector');
  </script>
</polymer-element>

：host:：shadow.item.core-selected{
背景：蓝色；
} 
聚合物（“my-selector”）；

例如：

<my-selector>
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</my-selector>

项目1
项目2
项目3

试试：

：主机：：shadow

尝试从主机的阴影dom中拾取元素。在这种情况下，这不是元素所在的位置。

元素仍在通过插入点，并且是light dom的一部分。它们需要使用

：：content

设置样式

：：content.item.core-selected{
背景：蓝色；
颜色：白色；
}
聚合物（“my-selector”）；
项目1
项目2
项目3

谢谢Eric！我猜当我看到它在其他浏览器上运行时，我很困惑。我知道“polyfills”会创建一个不同的选择器。这管用！谢谢

::content .item.core-selected {
  ...
}