html - 所有以开头的标签

Question

有没有办法为所有以某个前缀开头的标签指定样式？

例如:

tst-* {
  display: block;
  background: yellow;
}

<tst-some-tag>Some content</tst-some-tag>

---

我想要这样的选择器的原因是因为我使用的是 Angular 并且有很多自定义组件。所有这些都应显示为 block .指定 display 可能会很舒服所有自定义元素的属性，而不是在我使用它们时每次都添加类。

Answer 1

如果您想按类名选择元素，您可以这样做:[class^='class']

如果你想选择通过id的元素，只需这样做:[id^='id']

在这两种情况下，您选择的所有元素都以放在单引号之间的文本(按类名或按 id)。

变化也是可能的:div[class^='class'] 或 div[id^='id']