javascript - 即使在删除样式表后，Body仍继承css属性

我有这个HTML文档：

<!DOCTYPE HTML>
<html>
    <head>
       <link rel="stylesheet" href="css/main.css" type="text/css" />
    </head>
    <body>
        <h1>Header</h1>
        <script>
        function removeSheet(href) {
        var href;
        document.querySelector('link[href="'+href+'"]').outerHTML = '';
        }
        removeSheet( 'css/main.css');
    </body>
</html>

的main.css：

body {
background: black;
}

h1 {
color:white;
}

removeSheet函数删除指定的样式表，并且正如预期的那样，h1和所有其他元素都会丢失所有样式 - 但由于某种原因，主体仍然是黑色的。

在firebug中检查文档后，它显示样式表已从页面中正确删除 - 但显然主体仍然从css文件继承样式。

有人可以解释为什么身体会保留其所有css属性，即使包含它们的样式表被删除了吗？

即使在删除样式表后，Body仍继承css属性

0 个答案: