自定义元素选择器

Question

有没有办法用CSS选择所有自定义元素？我希望默认情况下使所有自定义元素块元素(大多数浏览器默认情况下使它们内联),然后根据需要覆盖它.

我的规则看起来像这样:

*::custom {
    display: block;
}

所有自定义元素在标准中都有破折号,因此我可以创建一个利用它的规则,但在许多/大多数当前浏览器上它会更慢,因为它需要使用正则表达式.如果有内置选择器,这可能会更快.

Answer 1

不，没有伪选择器可以做到这一点。

然而，一个肯定不是最佳的解决方案是使用这种类型的 CSS：

:not(html, head, body, h1, h2, h3, h4, h5, h6, div, ...) {
  /* Code here */
}

会起作用的！不利的一面是，如果添加新元素，您需要将该元素添加到非选择器中。耶。

^.^