如何使用CSS选择自定义元素的一部分？

选择以类名

foo

开头的所有元素。我可以使用：

[class^=“foo”]{}

我可以使用什么来选择以

foo

开头的自定义元素

例如：

<foo-bar>Hola</foo-bar>
<foo-bazz>Hola</foo-bazz>

霍拉 赫拉

---

我希望两个元素都有一个选择器。

您不能。

[…]

选择器只对属性起作用，而不对元素类型本身起作用

但是，正如我相信您已经知道的，您可以做的是将它们全部链接到一个选择器组中，但这意味着您需要知道确切的元素名称：

foo-bar，
富巴兹{
...
}

如果不能做到这一点，您可以始终为它们提供一个共享的

类

或

数据-*

属性：

<foo-bar class="foo"></foo-bar>
<foo-bazz class="foo"></foo-bazz>

---

当前没有元素类型的包含/以开头/以结尾选择器。这只适用于属性。啊哈，这可以解释为什么我找不到它：-P