0

我按照这个示例创建了一个自定义元素，但现在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>

请注意，使用noscriptand extendstogether 将不允许我直接使用语法，而只能使用似乎不适用于选择器<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>
4

1 回答 1

1

作为评论，这可能比作为答案更好，但我还不能发表评论。您说extended-item不能用作 CSS 选择器 - 您是否尝试过属性选择器[attr=value]？在你的情况下，也许div[is="extended-item"] { /*styling*/ }

于 2014-11-04T15:32:21.660 回答