我在 CodePen 上有免費帳戶。在我的代碼中，我使用了 Bootstrap，但我也在 CodePen CSS 編輯器中覆寫了一些 Bootstrap 類。在headHTML 編輯器的標簽中，我定義了加載順序：
link rel="stylesheet" type="text/css" href="bootstrap.min.css" <br>
link rel="stylesheet" type="text/css" href="custom.css"
即我custom.css必須重寫 Bootstrap 類。但它在 CodePen 編輯器中不起作用。我必須使用!important規則來覆寫太多 Bootstrap 類。
最主要的是我的代碼在 Google Chrome 和 Firefox 中完美運行，而無需在我的本地計算機上!important打開時使用該規則。custom.html
為什么它在 CodePen 編輯器中不起作用，為什么會有這么大的不同？
uj5u.com熱心網友回復：
看來順序是：
!important- 行內樣式
<style>在html部分- css部分的樣式
- css 設定中的樣式。
如果你想避免添加!important，你應該在設定中添加你的鏈接。
轉到設定 -> css-> -> 添加外部樣式表/筆 -> 添加你的 css 鏈接 -> 保存并關閉。
（代碼筆鏈接）
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/534539.html