CSS样式为空却存在？ 揭秘.insertRule的秘密

css样式为空，样式却存在的疑惑

本文旨在回答一个有关css样式的常见疑惑：当检查元素时发现内嵌的css样式为空时，样式却依然存在，这是如何实现的呢？

问题描述

以https://elements.envato.com/sign-in为例，在审查该网页时，你会发现一个内嵌的

<style data-styled="active" data-styled-version="6.1.12"></style>

然而，当查看该

<!-- -->

问题解答

这种现象可以通过使用.insertrule将规则插入到样式表中实现。当使用.insertrule时，相关

在审查该站点时，可以通过选择样式标签，然后在控制台中执行以下命令来查看这一现象：

console.dir($0.sheet.cssRules)

你将看到规则被插入到样式表中，但

以上就是CSS样式为空却存在？ 揭秘.insertRule的秘密的详细内容，更多请关注硕下网其它相关文章！