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

Question

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

Answer 1

一般情況下，當你決定引入某個框架的時候，就需要以這個框架的樣式表為主，並在此基礎上做一些細節調整。換句話說，你的 style.css 恐怕得改改了。

當然，也可以考慮改 bootstrap 的來源檔案中的樣式，但是不建議改結構，只改一些配色啊，邊框效果啊之類的還是可以的，改結構可能引起佈局混亂。

如果你需要在一個頁面中不同的地方使用兩個樣式表，可以考慮按區域加個限定，當然這種情況下最好是改你自己的style.css，把它在bootstrap 的樣式表之後引入，如

原來的

a {}
.abcd {}

加個限定（同時需要在HTML中加上 p.mime 包起來（我寫的LESS，方便看層次關係）

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