css3 - 自己寫的CSS與使用的框架沖突如何解決呢?
問題描述
例如我自己有個(gè)css的文件叫做style.css,我的項(xiàng)目中也用到了Bootstrap框架,但是其中一些標(biāo)簽的定義有沖突、因?yàn)橐婚_始的時(shí)候項(xiàng)目中用的是style.css,Bootstrap框架是后來引入到項(xiàng)目中的,那么有什么辦法能夠避免這種沖突呢?引入了Bootstrap框架后,原有的有些頁面樣式就不對了、
問題解答
回答1:一般情況下,當(dāng)你決定引入某個(gè)框架的時(shí)候,就需要以這個(gè)框架的樣式表為主,并在此基礎(chǔ)上做一些細(xì)節(jié)調(diào)整。換句話說,你的 style.css 恐怕得改改了。
當(dāng)然,也可以考慮改 bootstrap 的源文件中的樣式,但是不建議改結(jié)構(gòu),只改一些配色啊,邊框效果啊之類的還是可以的,改結(jié)構(gòu)可能引起布局混亂。
如果你需要在一個(gè)頁面中不同的地方使用兩個(gè)樣式表,可以考慮按區(qū)域加個(gè)限定,當(dāng)然這種情況下最好是改你自己的 style.css,把它在 bootstrap 的樣式表之后引入,比如
原來的
a {}.abcd {}
加個(gè)限定(同時(shí)需要在HTML中加個(gè) p.mime 包起來(我寫的LESS,方便看層次關(guān)系)
// less file.mine { a {} .abce {}}
相關(guān)文章:
1. javascript - 循環(huán)嵌套多個(gè)promise應(yīng)該如何實(shí)現(xiàn)?2. mysql優(yōu)化 - 關(guān)于mysql分區(qū)3. css3 - rem布局下,用戶瀏覽器的最小字號是12px怎么辦?4. javascript - ionic2 input autofocus 電腦成功,iOS手機(jī)鍵盤不彈出5. html5 - 如何實(shí)現(xiàn)帶陰影的不規(guī)則容器?6. objective-c - iOS開發(fā)支付寶和微信支付完成為什么跳轉(zhuǎn)到了之前開發(fā)的一個(gè)app?7. 前端 - IE9 css兼容問題8. 請教各位大佬,瀏覽器點(diǎn) 提交實(shí)例為什么沒有反應(yīng)9. vue.js - vue 打包后 nginx 服務(wù)端API請求跨域問題無法解決。10. css - 移動(dòng)端字體設(shè)置問題
