Css 用于设置聚合物元素样式的可扩展设置

似乎对于聚合物1.0元素的样式，基本上有两种选择：

通过自定义样式设置样式：

样式可应用于

…

节。在这种情况下，可以调整预定义的样式

通过dom模块元素设置样式：

另一个示例是，您可以通过调整元素文件中的元素来设置此元素的样式，方法是调整

…

第二种方法允许更严格的更改。但是，第二种方法需要编辑polymer HTML文件本身。如果您通过bower includes运行Polymer，这意味着每次更新标记文件时，所有更改都将被覆盖

其他人是否可能具有设计聚合物样式的经验，是否有其他方法可以在不调整聚合物源文件的情况下进行严格更改？

聚合物支持并允许元素作者公开用户可以自定义的样式点，而无需修改原始源

下面的示例元素定义默认样式，然后应用给定的CSS mixin（

--x-foo-body

）（如果可用）：

<dom-module id="x-foo">
  <template>
    <style>
      .body {
        padding: 1em;
        font-size: 0.9em;
        @apply --x-foo-body;
      }
    </style>
    <p class="body">Lorem ipsum...</p>
  </template>
  ...

CSS变量也遵循同样的思想。此示例元素对其标题文本使用默认的

字体颜色
为
蓝色
，但允许它被名为
--x-foo-heading-color
的CSS变量覆盖

<dom-module id="x-foo">
  <template>
    <style>
      .heading {
        color: var(--x-foo-heading-color, blue);
      }
    </style>
    <h2 class=".heading">Hello world</h2>
    <p>Lorem ipsum...</p>
  </template>
  ...



.标题{
字体系列：无衬线；
颜色：var（--x-foo-heading-color，灰色）；
}
.身体{
填充：1em；
字号：0.9em；
@应用——x-foo-body；
}
[[标题]]
Lorem ipsum
HTMLImports.whenReady（函数（）{
聚合物（{is:'x-foo'}）；
});
.x-标题{
--x-foo-heading-color：绿色；
}
.x-body{
--x-foo-body：{
填充：0.5em；
字体系列：信使新；
背景颜色：浅灰色；
};
}
Polymer支持，允许元素作者公开样式点，用户可以自定义这些样式点，而无需修改原始源代码

下面的示例元素定义默认样式，然后应用给定的CSS mixin（
--x-foo-body
）（如果可用）：

<dom-module id="x-foo">
  <template>
    <style>
      .body {
        padding: 1em;
        font-size: 0.9em;
        @apply --x-foo-body;
      }
    </style>
    <p class="body">Lorem ipsum...</p>
  </template>
  ...

CSS变量也遵循同样的思想。此示例元素对其标题文本使用默认的
字体颜色
为
蓝色
，但允许它被名为
--x-foo-heading-color
的CSS变量覆盖

<dom-module id="x-foo">
  <template>
    <style>
      .heading {
        color: var(--x-foo-heading-color, blue);
      }
    </style>
    <h2 class=".heading">Hello world</h2>
    <p>Lorem ipsum...</p>
  </template>
  ...



.标题{
字体系列：无衬线；
颜色：var（--x-foo-heading-color，灰色）；
}
.身体{
填充：1em；
字号：0.9em；
@应用——x-foo-body；
}
[[标题]]
Lorem ipsum
HTMLImports.whenReady（函数（）{
聚合物（{is:'x-foo'}）；
});
.x-标题{
--x-foo-heading-color：绿色；
}
.x-body{
--x-foo-body：{
填充：0.5em；
字体系列：信使新；
背景颜色：浅灰色；
};
}
感谢您的明确解释。因此，如果您想要严格地更改元素，通常需要创建更多端点。对于现有的元素，您将偏离标准聚合物元素，并创建一个具有附加端点的新元素，换句话说，自定义元素不在标准bower包中？感谢您的明确解释。因此，如果您想要严格地更改元素，通常需要创建更多端点。对于现有的元素，您将从标准的聚合物元素中分离出来，并创建一个具有附加端点的新元素，换句话说，自定义元素不在标准bower包中？