所有以标签开头的标签

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']