如何選擇擴展自定義元素

Question

我在此example之後創建了一個自定義元素，現在extended-item不再作爲css選擇器工作了。

前：

<style> 
    extended-item {...} 
</style> 
<extend-item></extended-item> 

後：

<style> 
    ??? {...} 
</style> 
<div is="extended-item"></div> 

我試圖div:extended-item，但它不工作。任何想法？

[編輯]

這裏是我的榜樣extended-item

<link rel="import" href="../libs/polymer/polymer.html"> 

<polymer-element name="extended-item" noscript extends="div"> 
    <template> 
     <style> 
      :host { ... } 
     </style> 
     ... 
    </template> 
</polymer-element> 

注意，使用noscript和extends在一起不會讓我直接使用<extended-item>語法，但只有其他<div is="extended-item">語法，似乎不適用於選擇器。註冊元素這種方式等同，但將讓我使用這兩種語法，從而使選擇的工作：

<link rel="import" href="../libs/polymer/polymer.html"> 

<polymer-element name="extended-item"> 
    <template> 
     <style> 
      :host { ... } 
     </style> 
     ... 
    </template> 
    <script> 
     (function(){ Polymer('extended-item', {extends: 'div'}); })() 
    </script> 
</polymer-element> 

Answer 1

這可能是因爲不是一個答案評論更好，但我不能評論。你說extended-item不能用作css選擇器 - 你是否嘗試過屬性選擇器[attr=value]？在你的情況也許div[is="extended-item"] { /*styling*/ }