是否可以在元素名称中使用破折号设置自定义元素的样式？

Question

我担心这根本不可能，但我无法找到问题，也没有参考是否有可能，所以我在这里问这个问题。

如果您熟悉AngularJS或Polymer，您就会知道您可以在元素名称中使用带有破折号的自定义元素，例如special-element。我的问题是，如何设置所有这些元素而不必为它们使用类？

问题是，我的代码中有这样的东西：

<special-element></special-element>
<special-element></special-element>
<special-element></special-element>

它们是inline-block个元素，我希望它们以特定的边距分隔（但在最后一个元素之前或之前没有边距）。为此，我想的是：

special-element + special-element {
    margin-left: 10px;
}

但这不起作用......如果不使用special-element的课程，我可以实现这个想法吗？

Answer 1

你只需要逃脱破折号。

＆＃13;

＆＃13;

special\-element {
  padding: 10px;
  background: red;
  display: block;
}

＆＃13;

<special-element></special-element>

＆＃13;

＆＃13;

＆＃13;