自定义元素和 :before :after

Question

在最新的 Chromium 37 中，我没有成功在自定义元素上使用 :before 和 :after。使用 Polymer Platform polyfill 在其他浏览器中一切正常，但在原生支持的 Chromium 中却不行。

这样的样式：

my-element:before {
    background : #000;
    content    : '';
    display    : block;
    height     : 10px;
    width      : 10px;
}

我在这里错过了什么？

Answer 1

您的示例在 Chrome 38 中适用于我：http://jsbin.com/lanatuhojowu/1/edit

注意：:host::before 和 :host::after 不起作用是 Chrome 37 中的一个错误 (crbug.com/393509)。这应该有望在 Chrome 的下一个版本 (38) 中实现，并且肯定在 Chrome 39 中。