搜尋

首頁  >  問答  >  主體

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

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

ringa_leeringa_lee2841 天前720

全部回覆(1)我來回復

  • 阿神

    阿神2017-04-17 11:32:49

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

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

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

    原來的

    a {}
    .abcd {}

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

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

    回覆
    0
  • 取消回覆