加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 综合聚焦 > 资源网站 > 资源 > 正文

html – 自定义元素选择器

发布时间:2020-12-14 23:26:59 所属栏目:资源 来源:网络整理
导读:有没有办法用CSS选择所有自定义元素?我希望默认情况下使所有自定义元素块元素(大多数浏览器默认情况下使它们内联),然后根据需要覆盖它. 我的规则看起来像这样: *::custom { display: block;} 所有自定义元素在标准中都有破折号,因此我可以创建一个利用它的
有没有办法用CSS选择所有自定义元素?我希望默认情况下使所有自定义元素块元素(大多数浏览器默认情况下使它们内联),然后根据需要覆盖它.

我的规则看起来像这样:

*::custom {
    display: block;
}

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

解决方法

不,没有伪选择器来做到这一点.

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

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

它会工作!如果添加了新元素,则需要将该元素添加到非选择器中.好极了.

^.^

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读