文章詳情頁
css3 - 自己寫的CSS與使用的框架沖突如何解決呢?
瀏覽:138日期:2023-07-18 14:36:16
問題描述
例如我自己有個css的文件叫做style.css,我的項目中也用到了Bootstrap框架,但是其中一些標簽的定義有沖突、因為一開始的時候項目中用的是style.css,Bootstrap框架是后來引入到項目中的,那么有什么辦法能夠避免這種沖突呢?引入了Bootstrap框架后,原有的有些頁面樣式就不對了、
問題解答
回答1:一般情況下,當你決定引入某個框架的時候,就需要以這個框架的樣式表為主,并在此基礎上做一些細節調整。換句話說,你的 style.css 恐怕得改改了。
當然,也可以考慮改 bootstrap 的源文件中的樣式,但是不建議改結構,只改一些配色啊,邊框效果啊之類的還是可以的,改結構可能引起布局混亂。
如果你需要在一個頁面中不同的地方使用兩個樣式表,可以考慮按區域加個限定,當然這種情況下最好是改你自己的 style.css,把它在 bootstrap 的樣式表之后引入,比如
原來的
a {}.abcd {}
加個限定(同時需要在HTML中加個 p.mime 包起來(我寫的LESS,方便看層次關系)
// less file.mine { a {} .abce {}}
標簽:
CSS
相關文章:
1. javascript - [js]為什么畫布里不出現圖片呢?在線等2. sql語句 - mysql中關聯表查詢問題3. javascript - 如何將一個div始終固定在某個位置;無論屏幕和分辨率怎么變化;div位置始終不變4. html5 - 有可以一次性把所有 css外部樣式轉為html標簽內style=" "的方法嗎?5. javascript - vscode alt+shift+f 格式化js代碼,通不過eslint的代碼風格檢查怎么辦。。。6. html - vue項目中用到了elementUI問題7. javascript - 有什么比較好的網頁版shell前端組件?8. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示?9. javascript - 求解答:實例對象調用constructor,此時constructor內的this的指向?10. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?
排行榜
