2

我正在使用聚合物,我认为这是一个但我不完全确定。

在我的主要文件中,我有这个:

<style is="custom-style">
      :root {
        --child-element-bg: #000;
        --child-element-mixin: {
              border: 10px solid #f30;
       };
     }
</style>

<parent-element>
     <child-element></child-element>
</parent-element>

在我的子元素里面我有这个样式块

<style>
    :host {
        background-color: var(--child-element-bg, --some-other-default);
        @apply(--child-element-mixin);
    }
</style>

一切都很好。但是在我的父元素中,我有:

 <style>
    :host {
        --child-element-bg: #f30;
        --child-element-mixin: {
              border: 5px solid #000;
       };
    }
</style> 

我的子元素获得 5px 实心 #000,但不是 #f30 背景颜色。

难道我做错了什么?这是一个已知的错误?

4

1 回答 1

0

这不是错误。这就是 Polymer 实现其 css 变量的方式。

于 2016-07-15T11:48:08.267 回答