在CSS中选择动态元素名

如何设置一组共享相同后缀的自定义HTML标记（Angular.js指令）的样式

如果需要具有相同样式的三个模态标记

1. <a-modal>
2. <b-modal>
3. <c-modal>

应该简单地说：

a-modal, b-modal, c-modal {
  …
}

---

如果您想要大量自定义HTML标记而不需要长的逗号分隔的CSS选择器，我建议

等和

模式{…}

如果您使用的是角度指令，那么您可以使用类名而不是标记名来匹配指令和通配符CSS选择器：

HTML

CSS

[class*=“-modal”]{}

有棱角的

限制：“C”

---

---

但是，我建议只为它们引入一个通用的CSS类。

我想知道除了手动指定标记名之外是否还有其他方法。这仍然很有用，谢谢。没有像您假设的示例那样的标记通配符方法。如果它是XML文档，您可以使用。但是它们在HTML5中似乎不起作用，除了一些内置的名称空间，比如

svg

。这与Angular有什么关系？Angular的定制指令。不过我可以删除这个标签。好吧，给他们一个CSS类是一个明显的解决方案，但出于某种原因，你似乎想避免这样做。@JonP因为我的Angular标签已经有了一个共享后缀，我认为应用CSS选择器可能比添加类更方便。但我现在可以使用类了，因为我知道通配符方法并不适用于标记名。

a-modal, b-modal, c-modal {
  …
}