通过Polymer创建的自定义元素上的伪元素在从模板内部添加时似乎不起作用。我尝试了以下变体,但它们都没有效果。
:host(:before), :host(::before) {
content: 'before';
}
:host:before, :host:before {
content: 'before';
}
我知道伪元素在从自定义元素外部应用时确实有效。例如,
custom-element::after {
content: 'after';
}
也许我没有使用正确的语法,但Polymer项目页面也没有提到使用它们。我喜欢将所有css样式应用于自定义元素。
但无法在自定义元素中设置伪元素样式是一个很大的限制因素。