2017-01-29 3 views
2

Ich habe zwei CSS-Dateien mit der folgenden KlassendefinitionCSS - Zwei CSS-Datei mit derselben Klasse nicht richtig geladen

default.css (Loaded Erste)

#order-standard_cart .products .product header { 
    background: #f8f8f8 none repeat scroll 0 0; 
    border-radius: 3px 3px 0 0; 
    margin: 0 1px; 
    padding: 10px 20px; 
    position: relative; 
} 

custom.css (Loaded 2.)

Auch nach dem zweiten Laden wird die Hintergrundeigenschaft nicht auf einen der Browser angewendet und nur die erste CSS-Datei wird angewendet.

CSS File Import

Firebug CSS Output

+0

Bitte geben Sie einen Link auf die Website. – JoostS

+0

Hinzugefügt im Hauptbeitrag – Prateek

+0

Kannst du ein [mcve] erstellen, das das Problem demonstriert? Vorzugsweise als Schnipsel hier in der Frage. Die Website selbst enthält zu viele Elemente und Stile, um das Problem zu lokalisieren, und außerdem, da Sie gerade daran arbeiten, könnte es bald nicht mehr mit der Problembeschreibung in der Frage übereinstimmen. Darüber hinaus kann die Erstellung eines [mcve] Ihnen helfen, den Fall selbst zu lösen. –

Antwort

1

Linie 213 in Ihrem html Code überschreibt Ihre benutzerdefinierten Stile

im Header der Seitendatei all.css wird von payments/templates/six/css/ relativen Pfad geladen

Leitung 213 lädt Datei all.css von /payments/templates/orderforms/standard_cart/css/

+0

Yup! Ich sehe es. Danke vielmals :) – Prateek

1

Sie schließen die Datei all.min.css?v=6235b7 ein zweites Mal auf der Leitung 213 und damit die Wähler aus dieser Datei hat eine höhere Priorität und überschreiben die Wähler von custom.css

+0

Vielen Dank für Ihre Hilfe, aber @Banzay stellte die Lösung zuerst, so dass seine Antwort akzeptiert wurde :) – Prateek

+0

Ich verlor ein paar Sekunden, weil ich versuchte, Sie mit einem Druckbild zu versorgen, dann änderte ich meine Meinung. –

+0

Es ist in Ordnung bro :) – Prateek