我按照这个示例创建了一个自定义元素,但现在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
and extends
together 将不允许我直接使用语法,而只能使用似乎不适用于选择器<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>