如何从一页中排除CSS？或如何重置一页边距

我向你提供了看似快速的修复程序, 但是我尝试过的任何方法都无法按照我的计划进行。

因此, 我想做的是将以下CSS应用于我所有站点的页面, 除了其中之一：.page-id-145。我尝试使用以下代码开头附加的section：not(.page-id-145), 但最终却弄乱了我的其他页面, 同时修复了我需要的页面。如何仅从所需的页面中排除以下代码, 而又不弄乱其他页面？我特别希望(margin和float)在页面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中指定的边距。不幸的是, 我经历了各种各样的迭代, 使它像：not一样工作, 甚至未设置, 继承和初始化, 但无济于事。可能起作用的另一个细节包括以下事实：特定的Wordpress主题旨在包含侧边栏小部件-不确定是否有帮助。有什么想法吗？

在此先感谢你, 祝你度过愉快的一天。

#1

如果可以, 请将主题的css更改为此：

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

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

由于page-id-145类应用于具有包装器ID的同一元素, 因此你必须在该元素上指定：not(.page-id-145)。我将样式分为两部分, 第一部分将应用于#wrapper＃main-content的所有实例, 而第二部分将不适用于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 */;
}