2017-03-09 20 views
0

我來給你一個看似快速修復的,但沒有什麼我已經試過了工作,我已經計劃好了的方式。如何從一個頁面中排除CSS?或如何重置利潤率一頁

所以我想要做的是以下適用於所有我的網站頁面下面的CSS,除了一:。第-ID-145。我已經使用部分嘗試:沒有(。第-ID-145)附着在下面的代碼的開始,但它最終搞亂我的其他網頁,而固定我需要的頁面。我怎樣才能簡單地從我想要的頁面中排除下面的代碼,而不會搞亂其他頁面?我特別希望(頁邊距和浮點數)在頁面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被指定。不幸的是,我經歷了各種各樣的迭代,使其工作如下:不甚至未設置,繼承和初始化,但無濟於事。另一個可能工作的細節包括這個特定的WordPress主題被設計爲包含側邊欄小部件的事實 - 不知道這是否有幫助。有什麼想法嗎?

預先感謝您,並有一個美好的一天。

回答

0

如果可以,該主題的CSS改成這樣:

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

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

由於頁-ID-145類適用於有包裝標識相同的元素,你必須指定:沒有( .page-id-145)。我打出風格分爲兩個部分,第一部分將被應用到#wrapper指定#主要內容的所有實例,而第二部分將不會被應用到頁面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 */; 
} 
+0

的首選合作完美,太感謝你了。我早些時候嘗試了同樣的想法,但是我把它放在:#wrapper之前,就像n00b一樣,所以我想這是不同的。非常感謝你的幫助!乾杯。 – wbhyatt

+0

Hooray!沒問題 :) – erikamjoh