dart - 如何从元素内部设置自定义元素标签的样式？

Question

我正在尝试设置自定义元素标记的样式，似乎无法从元素的<style>标记内完成它，或者至少我不知道要使用哪个选择器。我已经尝试过自定义元素的标签名称和template，但是都没有用。

<polymer-element name="my-test" constructor="MyTest">
  <template>
    <style>
      my-test {
        border: solid 1px #888; /* doesn't work */
      }
      .title {
        color: blue; /* works */
      }
    </style>
    <div class="title">{{ title }}</div>
  </template>

我使用的是polymer.dart，因此其实现可能会有些滞后，但是我想知道它在Polymer.js中应该如何工作。

Answer 1

我认为您想要的是@host CSS选择器。
http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/#toc-style-host