关于#css#的问题，如何解决？

Question

现在有一个需求，点击按钮修改字号的大小，也就是用新的css样式替换掉旧的css样式，有什么好的方法吗？我现在用的是将新样式的css文件import进来，但是字号过大的样式没有办法被字号过小的样式替换掉，请求帮忙

Answer 1

为要改的元素写好 class样式
如：原来的css
html{
font-size:20px
};
新加的css
html.newadd{
font-size:16px
}

其他标签的样式同理 在原有选择器前面加上newadd
html.newadd div{
//修改的样式
}

点击按钮时将newadd这个class添加给html，这样整个页面都会按照你新写的css改变，且因为新增了选择器所以权重会更高