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

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吗？

score 3 · Accepted Answer

你只需要逃避破折号。

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

<special-element></special-element>

1 回答 1