iron-flex-layout不起作用

Question

我导入了这些'iron-flex-layout'html文件和聚合物，web组件。

<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="bower_components/iron-flex-layout/iron-flex-layout-classes.html">

我也写了css。

<link rel="styleseet" href="main.css">

在main.css中

.flex{
 @apply(--layout-horizontal);
 }

并编写了类似演示页的代码。

<div class="container flex">
 <div>one</div>
 <div>two</div>
 <div>three</div>
</div>

我期待水平文本，但它不起作用。 此外，Chrome检查员没有任何错误

在这种情况下我该怎么办？