Einige Teile von externen CSS nicht

Laden habe ich einige externe CSS-Datei mit dieser KlasseEinige Teile von externen CSS nicht

definiert

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

Dann habe ich die gleiche Klasse in der Hauptdatei definiert sind, mit einigen Eigenschaften, die ich dynamisch definieren müssen von php. Sieht so aus:

.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; 
}

Mein Problem ist in der externen Datei, wo nur diese 3 Hintergrundeigenschaften arbeiten. Andere verschwinden einfach und werden im Browser-Entwicklungstool nicht angezeigt. Sie werden natürlich auch nicht angewendet und ich verstehe das Problem nicht.

Ich bin überzeugt, dass es nichts gibt, was sie möglicherweise direkt außer Kraft setzen könnte, also habe ich keine Ahnung, wie ich dieses Verhalten erklären soll.

Was ich brauche, ist zu erklären, warum Eigenschaften in der externen Datei discarted sind und wie man es verhindert.

EDIT 1

MS Rand macht die korrekte Seite. Das Problem ist wahrscheinlich, dass ich mich selbst chrome. Strg + Shift + r funktioniert nicht. Überprüfen des Elementresultats: Chrome sagt jetzt, dass das Quell-CSS die Eigenschaften enthält (aber nicht angewendet wird)

Quelle

2017-03-15 Adam Bajger

Sie können die URL Ihres aktuellen Codes hochladen und teilen. –

Tritt dies in allen Browsern auf? – Aslam

Okay, ich habe herausgefunden, dass in MS Edge es richtig funktioniert. –

Da die CSS-Regeln nicht im Inspektor angezeigt werden, ist es wahrscheinlich entweder Caching oder Sie bearbeiten die falsche Datei/laden die Datei nicht hoch, nachdem Sie Änderungen vorgenommen haben.

Haben Sie versucht, + Verschiebung + r oder cmd + Verschiebung eine harte Auffrischung mit ctrl tun + r? Die externe CSS-Datei wird möglicherweise von Ihrem Browser zwischengespeichert. Vielleicht sage ich das Offensichtliche, aber es ist mir öfter passiert, als ich zugeben möchte.

Quelle

2017-03-15 13:52:04 Connor

Ich habe diese Hard Refresh bereits ausprobiert. Hat nicht geholfen. Ich habe auch sichergestellt, dass ich die richtige Datei lade. Es gibt sowieso keine andere externe Datei. Es gibt auch eine andere Klasse, die gut lädt, aber es hat nur eine Eigenschaft (Hintergrundfarbe) –

Okay, ich habe die Hard Refresh erneut versucht und es hat angefangen zu arbeiten. Ich habe keine Ahnung, was sich geändert hat. Ich hoffe, dass es von jetzt an funktionell bleibt: D Sieht so aus, als wäre es wirklich das Caching-Problem, aber eine seltsame Art ... –

Ja, das passiert mir die ganze Zeit.Wenn Sie an einem von einem Unternehmen gehosteten Server arbeiten, ist möglicherweise das serverseitige Caching aktiviert. Froh, dass ich helfen konnte! – Connor

Eine Sache, an die Sie sich erinnern sollten, ist, dass die Stylesheets kaskadiert sind. Es ist möglich, dass sie woanders überschrieben werden.

Sie sollten den Element-Inspector in Ihrem Browser verwenden, um Elemente anzusprechen, die Stile haben sollten, und in der Seitenleiste nach unten scrollen, um zu sehen, ob sie angewendet werden, aber von etwas anderem überschrieben werden.

Manchmal ist eine Korrektur dafür in Ihrem CSS noch spezifischer.

Quelle

2017-03-15 11:18:56

Danke für den Rat. Ich habe den Inspector von chrome benutzt, aber es zeigt die Stile sowieso nicht, wie es normalerweise auch wenn sie überschrieben werden. Sie werden durch eine Linie angezeigt und gelöscht und sind wenig transparent. –

Einige Teile von externen CSS nicht

Antwort

Verwandte Themen