いくつかの部分が

Question

をロードしていない私は、このクラスでいくつかの外部CSSファイルを持ってそれから私は私が動的に定義する必要があることを、いくつかのプロパティで、メインファイルで定義された同じクラスを持つ

.abilityButton { 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
    background-color: black; 
    visibility: hidden; 
    cursor: pointer; 
    margin: auto; 
    float: left; 
    z-index: 10; 
} 

を定義しPHPによって。

.abilityButton { 
    width: ".(($inner_cell_space/4) * 0.92)."px; 
    height: ".(($inner_cell_space/4) * 0.92)."px; 
    border-top: solid ".(($inner_cell_space/4) * 0.04)."px lightgrey; 
    border-left: solid ".(($inner_cell_space/4) * 0.04)."px lightgrey; 
    border-bottom: solid ".(($inner_cell_space/4) * 0.04)."px darkgrey; 
    border-right: solid ".(($inner_cell_space/4) * 0.04)."px darkgrey; 
} 

私の問題は、3つのバックグラウンドプロパティだけが動作する外部ファイルにあります。他は単純に消えて、ブラウザ開発ツールには表示されません。明らかに適用されておらず、私はその問題を理解していません。

私は、直接オーバーライドできるものはないと確信していますので、この動作を説明する方法はわかりません。

私が必要とするのは、なぜ外部ファイルのプロパティが破棄され、それを防ぐのかを説明することです。

EDIT 1

MSエッジは正しくページをレンダリングします。だから問題はおそらく私はクロムそのものです。 ctrl + shift + rは機能しません。 要素の結果を調べる：ソースのCSSにはプロパティが含まれていると表示されます（適用されません）。

Answer 1

インスペクタでCSSルールが表示されないため、キャッシュしているか、間違ったファイルを編集している、または変更後にファイルをアップロードしていない可能性があります。

あなたはCTRL +シフト + RまたはCMD + シフト + Rを使用してハードリフレッシュをやってみましたがありますか？外部のcssファイルは、ブラウザによってキャッシュされている可能性があります。たぶん私は明白なことを述べていますが、それは私が認めたいと思うよりも頻繁に私に起こっています。

Answer 2

覚えておいていただきたいのは、スタイルシートがカスケードしていることです。彼らは他の場所で上書きされている可能性があります。

ブラウザで要素インスペクタを使用して、スタイルを設定する必要のある要素を対象にし、サイドバーをスクロールして適用されているかどうかを確認する必要があります。

場合によっては、この修正がCSSで具体化されていることがあります。