为何样式被覆盖了呢？
请问下，我想要main.css覆盖bootstrap的默认样式，但是覆盖不了，这要怎么解决啊？，不要用!important的优先级。
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
请问下，我想要main.css覆盖bootstrap的默认样式，但是覆盖不了，这要怎么解决啊？，不要用!important的优先级。
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
接受 或继续使用网站，即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论（2）
1、加载顺序后面覆盖前面，引用样式文件的时候先bootstrap后main
2、有上级类名的覆盖没有上级类名的，可以.btn-group .btn-primary
3、!important
最简单粗暴的方法是在你css的后面加入!important，虽然并不推荐这么做
你可以了解一下css的样式优先级
https://developer.mozilla.org/zh-CN/docs/Web/CSS/Specificity
另外mdn中没有提到的是，对于完全相同的选择器，浏览器的解释顺序是在后面的覆盖在前面的，所以你可能可以调整一下你页面中的css文件的顺序