パネルのカスタムカラーの問題

Question

パネルのプライマリ構造のbootstrap.cssファイルのコードcssの構造を確認して、カスタムカラーを作成したいとします。次に、別のCSSを作成して作成します。

.panel-custom { 
    border-color: #7e1416; 
} 
.panel-custom > .panel-heading { 
    color: #fff; 
    background-color: #7e1416; 
    border-color: #7e1416; 
} 
.panel-custom > .panel-heading + .panel-collapse > .panel-body { 
    border-top-color: #7e1416; 
} 
.panel-custom > .panel-heading .badge { 
    color: #7e1416; 
    background-color: #7e1416; 
} 
.panel-custom > .panel-footer + .panel-collapse > .panel-body { 
    border-bottom-color: #7e1416; 
} 

問題は色を修正できないことです。色を変更すると、私のオブジェクトは最初の色構成を維持します。さらに、コードにコメントすれば、オブジェクトはパネルカスタムのスタイルを維持します！

なぜそれが起こっているのですか？

Answer 1

ブラウザのキャッシュに問題があると思います。 ブラウザでCtrl + F5キーを押すと、変更内容が反映されます。

ありがとうございます！