合并CSS后部分页面样式错乱怎么办?
我在合并项目中的两个CSS文件时,发现登录页的按钮样式突然变成默认样式了。之前分别引入时没问题,合并后其他页面正常,就登录页出问题。试过调整合并顺序、检查选择器权重,都没解决。
合并前的HTML是这样写的:<link rel="stylesheet" href="common.css" rel="external nofollow" > 和 <link rel="stylesheet" href="login.css" rel="external nofollow" >,合并成all.css后直接替换了这两个标签。
登录页的CSS里有这条样式:
.login-btn { background: #4CAF50 !important; }
但合并后开发者工具显示这条被common.css里的.btn { background: #888 }覆盖了,明明登录页样式后加载啊?
或者直接在HTML里给按钮加个额外class。就这样。