css样式为空，样式却存在的疑惑
本文旨在回答一个有关css样式的常见疑惑：当检查元素时发现内嵌的css样式为空时，样式却依然存在，这是如何实现的呢？
问题描述
以https://elements.envato.com/sign-in为例，在审查该网页时，你会发现一个内嵌的标签：
立即学习“前端免费学习笔记（深入）”；
然而，当查看该标签的内部时，你会惊讶地发现它竟然为空：
Zyro AI Background Remover
Zyro推出的AI图片背景移除工具
55 查看详情 
问题解答
这种现象可以通过使用.insertrule将规则插入到样式表中实现。当使用.insertrule时，相关标签上的规则会应用于dom中的元素，但不会将html标记插入到标签中。
在审查该站点时，可以通过选择样式标签，然后在控制台中执行以下命令来查看这一现象：
console.dir($0.sheet.cssRules)
你将看到规则被插入到样式表中，但标签中却没有相应的html标记。
以上就是CSS样式为空却存在？ 揭秘.insertRule的秘密的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1153277.html
微信扫一扫 
支付宝扫一扫 
