请问下，我想要main.css覆盖bootstrap的默认样式，但是覆盖不了，这要怎么解决啊？，不要用!important的优先级。
最简单粗暴的方法是在你css的后面加入!important，虽然并不推荐这么做
你可以了解一下css的样式优先级
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
另外mdn中没有提到的是，对于完全相同的选择器，浏览器的解释顺序是在后面的覆盖在前面的，所以你可能可以调整一下你页面中的css文件的顺序
1、加载顺序后面覆盖前面，引用样式文件的时候先bootstrap后main
2、有上级类名的覆盖没有上级类名的，可以.btn-group .btn-primary
3、!important