css3 - 自己寫的CSS與使用的框架沖突如何解決呢?
問題描述
例如我自己有個css的文件叫做style.css,我的項(xiàng)目中也用到了Bootstrap框架,但是其中一些標(biāo)簽的定義有沖突、因?yàn)橐婚_始的時候項(xiàng)目中用的是style.css,Bootstrap框架是后來引入到項(xiàng)目中的,那么有什么辦法能夠避免這種沖突呢?引入了Bootstrap框架后,原有的有些頁面樣式就不對了、
問題解答
回答1:一般情況下,當(dāng)你決定引入某個框架的時候,就需要以這個框架的樣式表為主,并在此基礎(chǔ)上做一些細(xì)節(jié)調(diào)整。換句話說,你的 style.css 恐怕得改改了。
當(dāng)然,也可以考慮改 bootstrap 的源文件中的樣式,但是不建議改結(jié)構(gòu),只改一些配色啊,邊框效果啊之類的還是可以的,改結(jié)構(gòu)可能引起布局混亂。
如果你需要在一個頁面中不同的地方使用兩個樣式表,可以考慮按區(qū)域加個限定,當(dāng)然這種情況下最好是改你自己的 style.css,把它在 bootstrap 的樣式表之后引入,比如
原來的
a {}.abcd {}
加個限定(同時需要在HTML中加個 p.mime 包起來(我寫的LESS,方便看層次關(guān)系)
// less file.mine { a {} .abce {}}
相關(guān)文章:
1. 在mac下出現(xiàn)了兩個docker環(huán)境2. html - sumlime text3代碼自動補(bǔ)全功能問題!3. web - css3 @keyframes用一次后面的任何樣式就解析不了了.4. javascript - 有一個異步獲取數(shù)據(jù)的函數(shù)A,其他依賴這個A得到的數(shù)據(jù)的函數(shù)是否都必須是異步的?5. css3 - 給body設(shè)置了translate3d,動畫的同時導(dǎo)致內(nèi)部的fixed元素失效?6. node.js - win7 grunt不是內(nèi)部或外部命令。7. 想練支付寶對接和微信支付對接開發(fā)(Java),好像個人不可以,怎么弄個企業(yè)的呢?8. node.js - 用node做微信開發(fā)后臺,獲取access_token報(bào)錯9. css3 - 求css頁面解決方案10. javascript - 大神們,求救啊,搞百度編輯器,弄了三天了,問題,如下
