css3 - 自己写的CSS与使用的框架冲突如何解决呢？

问题描述

例如我自己有个css的文件叫做style.css，我的项目中也用到了Bootstrap框架，但是其中一些标签的定义有冲突、因为一开始的时候项目中用的是style.css，Bootstrap框架是后来引入到项目中的，那么有什么办法能够避免这种冲突呢？引入了Bootstrap框架后，原有的有些页面样式就不对了、

问题解答

一般情况下，当你决定引入某个框架的时候，就需要以这个框架的样式表为主，并在此基础上做一些细节调整。换句话说，你的 style.css 恐怕得改改了。

当然，也可以考虑改 bootstrap 的源文件中的样式，但是不建议改结构，只改一些配色啊，边框效果啊之类的还是可以的，改结构可能引起布局混乱。

如果你需要在一个页面中不同的地方使用两个样式表，可以考虑按区域加个限定，当然这种情况下最好是改你自己的 style.css，把它在 bootstrap 的样式表之后引入，比如

原来的

a {}.abcd {}

加个限定（同时需要在HTML中加个 p.mime 包起来（我写的LESS，方便看层次关系）

// less file.mine { a {} .abce {}}