html - 自定义元素选择器

Question

有没有办法用 CSS 选择所有自定义元素？我想让所有自定义元素默认为 block 元素(大多数浏览器默认使它们成为内联元素)，然后根据需要覆盖它。

我的规则可能是这样的:

*::custom {
    display: block;
}

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

Answer 1

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

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

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

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

^.^