Wie man CSS von einer Seite ausschließt? Oder wie man die Ränder einer Seite zurücksetzt

Question

Ich komme mit einer scheinbar schnellen Lösung zu Ihnen, aber nichts, was ich versucht habe, hat so funktioniert, wie ich es geplant habe.

Also, was ich tun möchte, ist die folgenden CSS unten auf alle Seiten meiner Website, mit Ausnahme von einem: .page-id-145. Ich habe versucht, Abschnitt: nicht (.page-id-145) am Anfang des folgenden Codes angehängt, aber es endet damit, meine anderen Seiten zu versauen, während die Seite reparieren, die ich brauche. Wie kann ich einfach den folgenden Code von der gewünschten Seite ausschließen, ohne die anderen Seiten zu verpfuschen? Ich möchte insbesondere die (Marge und Float) auf Seite ID 145 weggehen.

Im Grunde brauche ich nur eine Möglichkeit, den Rand/Schwimmer für diese bestimmte Seite: http://www.thegrassrootsgarage.com/great-albums-rym-list/ nach links, und nicht in der Mitte, Das beschreibt das folgende CSS.

Hier ist mein Thema CSS, die die spezifische Seite in Frage beeinflussen können:

#header, 
#main-content, 
#wrapper-footer { 
    float: none; 
    height: auto; 
    position: relative; 
    width: 100%;   
} 
#wrapper #main-content {  /* this section likely must change */ 
    padding: 28px 28px 10px; 
    width: 720px;   
    margin: 0 auto; 
    float: none; 
} 
#content { 
    float: none; 
    width: 750px;  
} 

hier und ist eine andere Linie einer Ausnahme, die ich vorher gemacht, dass es nicht beeinflussen kann oder auch:

.page-id-145 .header-image {display: none;} 

Zusammenfassend möchte ich einfach meinen Rand auf einer bestimmten Seite auf der linken Seite beginnen, anstatt was im obigen CSS angegeben wurde. Leider habe ich eine Vielzahl von Iterationen durchlaufen, damit es funktioniert wie: nicht und sogar unset, erben und initial, aber ohne Erfolg. Ein anderes Detail, das möglicherweise funktioniert, schließt die Tatsache ein, dass dieses spezifische Wordpress-Thema entworfen wurde, um Sidebar-Widgets zu enthalten - nicht sicher, ob das helfen wird. Irgendwelche Gedanken?

Vielen Dank im Voraus, und einen schönen Tag haben.

Answer 1

Wenn Sie können, die diese CSS ist das Thema ändern:

#wrapper #main-content { 
    padding: 28px 28px 10px; 
    width: 720px; 
} 

#wrapper:not(.page-id-145) #main-content { 
    margin: 0 auto; 
    float: none; 
} 

Da die Seite-ID-145-Klasse auf das gleiche Element angewandt wird, die die Wrapper-ID hat, müssen Sie die angeben: nicht (.page-id-145) für dieses Element. Ich teile die Stile in zwei Abschnitte auf, der erste Abschnitt wird auf alle Instanzen von #wrapper # main-content angewendet, während der zweite Abschnitt nicht auf page-id-145 angewendet wird.

Wenn Sie nicht die CSS ist das Thema ändern (und können nur benutzerdefinierte CSS hinzufügen), dann können Sie diese es außer Kraft zu setzen verwenden:

#wrapper.page-id-145 #main-content { 
    margin: 0; /* can also be unset or initial, whatever you prefer */ 
    float: /* whatever you want it to be here */; 
}