Polsterung angewendet wird, sondern bei einem anderen Wert an, was in den CSS

Ich habe einen link, das angewendet wird, um das logo in meinem Seiten-header https://dev.theartofsongs.com/about. Das problem das ich habe ist, dass der link hat Polsterung auf der rechten Seite, das drückt das logo aus der Mitte.

Ich habe mich verändert das padding in der CSS und zwar kann ich sehen, dass der Stil angewendet wurde, die in der Entwickler-tools, es zu ignorieren, den Wert habe ich in der CSS.

CSS-Datei

    #masthead .custom-logo-link {
        padding-right: 0em;
    }

Gerenderten HTML

    #masthead .custom-logo-link {
        padding-right: 2em;
    }

Ich verstehe nicht, warum, wenn es die Anwendung der Stil-es ignoriert die padding-Wert

Edit: so update Leute auf, warum dieser code nicht funktioniert Fall hat jemand diese Funktion auf Ihrem server.

Den code hatte ich in meiner CSS-Datei war tatsächlich korrekt. Ich kam zurück und aktualisiert die Seite, einige Stunden, nachdem ich hochgeladen, mein code via ftp. Plötzlich mein code war zu arbeiten, auch wenn ich Sie vorher geleert meinem browser-cache (ich hatte den cache deaktiviert developer tools sowieso).

Ich konnte nicht herausfinden, warum dies geschieht, aber an diesem morgen einfach meinem server hatte einen SuperCacher-Funktion aktiviert ist. Im wesentlichen die server nicht mit der hochgeladenen Datei, aber die Datei vorher zwischengespeichert. Ich habe deaktiviert das feature für meine Website Entwicklung, jetzt und habe nicht mehr Probleme.

Wenn jemand eine ähnliche Probleme überprüfen Sie, ob Sie nicht eine ähnliche Funktion auf Ihrem server.

2 Antworten

  • Santosh
    3. Mai 2019

    Es ist, weil #masthead .site-branding .custom-logo-link hat mehr Spezifität als der Selektor in der css-Datei. Versuchen wichtig

     #masthead .custom-logo-link {
        padding-right: 0em !important;
    }
    

    oder nutzen Sie diesen Weg.

    #masthead .site-branding .custom-logo-link {
     padding-right: 0em;
    }
    
  • Dai Jie
    3. Mai 2019

    Weil Ihr einen anderen Stil hat eine höhere Spezifität.

    #masthead .site-branding .custom-logo-link {
        padding: 1em 0em;
    }
    

    Sie können ändern, die Spezifität mit !wichtig

    #masthead .custom-logo-link {
        padding-right: 2em !important;
    }
    

    Für die Berechnung der Spezifität, können Sie sehen, die Spezifität Dokument