极客观点
项目管理
HarmonyOS
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body{
margin: 0 !important;
}
.frame-page{
height: 100vh;
display: flex;
flex-direction: column;
}
.frame-page .frame-footer{
height: 60px;
border: 1px solid green;
background-color:#6f42c1;
}
</style>
</head>
<body>
</body>
<script>
</script>
</html>
怎么使用 js 删除 .frame-page 非样式覆盖
可以实现，但是我觉得你是在南辕北辙，CSS 的正确操作就是叠层。
document.styleSheets对象会列出页面上所有的 CSS，包括引入的、或直接写的 style 标签。然后遍历这些 styles，再遍历里面的 rules 属性，找到对应的 rule，最后给 rule 的 style.cssText 赋值为空，即可实现清空。
下面这个代码只是一个简单的例子。