1ページからCSSを除外する方法は？または1ページの余白をリセットする方法

Question

私は一見速い修正であなたに来るが、私が試したことは何も私がそれを計画した方法で働いていない。

私がしたいことは、下記のCSSをすべてのサイトのページに適用することです。ただし、.page-id-145は除きます。私は次のコードの先頭にセクション：not（.page-id-145）を付けてみましたが、必要なページを修正しながら、他のページを混乱させてしまいます。他のページを混乱させることなく、単に私が望むページから次のコードを除外するだけですか？

基本的には、この特定のページの余白/浮動小数点数を設定する方法が必要です。中央にではなく、http://www.thegrassrootsgarage.com/great-albums-rym-list/、これは次のCSSが説明するものです。ここで

は、問題の特定のページに影響を与える可能性が私のテーマのCSSです：

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

をそしてここにまたはそれに影響を与えない場合があることを、私は以前に作られた例外の一つの他の行です：

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

要約すると、私は上記のCSSで指定されたものではなく、LEFT側の特定のページでマージンを開始したいだけです。残念ながら、私はさまざまな繰り返しを経て、それが動作しないようにしたり、設定を解除したり、継承したり、初期化したりすることはできません。このWordPressのテーマは、サイドバーウィジェットを含むように設計されているので、役に立つかどうかはわかりません。何かご意見は？

ありがとうございました。素敵な日です。

Answer 1

あなたができる場合は、これにテーマのCSSを変更：

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

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

ページ-ID-145クラスは、ラッパーIDを持つ同じ要素に適用されるので、ユーザーが指定する必要がありますありません（ .page-id-145）をその要素に追加します。スタイルを2つのセクションに分割し、最初のセクションは#wrapper＃main-contentのすべてのインスタンスに適用され、2つ目のセクションはpage-id-145に適用されません。

あなたがテーマのCSSを変更することはできません（とのみカスタムCSSを追加することができます）なら、あなたはそれを無効にするためにこれを使用することができます：

#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 */; 
}