Question

这是一个101问题，但我试图将我的CSS样式从我的HTLM聚合物代码外部化为一个单独的CSS文件。

如果你在模板元素中导入它，我可以通过.css文件来解决这个问题。

例如

 <template> 
   <link rel="stylesheet" href="mystyles.css">
   ....
 </template>

但是，我从Polymer导入和使用的元素样式看起来先例。例如，我可能

在mystyles.css中创建样式

.my-background { 
   background: #4fc3f7;
}

然后应用
```
paper-fab class="my-background"..>...
```

但造纸厂的背景并未受到影响，被纸张工厂的风格所覆盖。

道歉，因为各种文章都在解释聚合物中样式的使用。但没有一个是明确而简单的，可以说“如果过去常常像这样导入样式.....那么现在就这样做......”

Answer 1

样式表应该在dom-module中导入，但在模板外部。此外，您应指定rel="import和type="css"。您可以在documentation。

中找到更多信息

<dom-module id="test-element">
    <link rel="import" type="css" href="mystyles.css">
    <template>
        <paper-fab class="my-background">Test</paper-fab>
    </template>
</dom-module>

<强>更新外部样式表已被弃用。来自文档：

现已弃用此实验性功能，转而使用style modules。它仍然受支持，但将来会删除支持。

如何将CSS成功导入Polymer

1 个答案: