2017-04-20 57 views
1

我是一個新手在CSS。我已經添加了以下規則來我的「自定義CSS領域」在我的wordpress網站編輯(Onetone主題):應用CSS規則,除了一頁

html, body {margin: 0; height: 100%; overflow: hidden} 

它的偉大工程......滾動條不見了,沒有滾動,可以在我的主頁。但是,我需要將此css規則從一個頁面中排除,即需要滾動的我的商店頁面才能查看商店中的所有商品。

所以我的問題是:我如何從我在自定義CSS字段中添加的整體CSS規則中擴展我的商店頁面?

我的主頁有ID6,商店頁面有ID61。我讀了關於:not()的命令,但不太明白。

非常感謝您的幫助。

+0

你有HTML上的任何classname或id,你可以區分不同的頁面?如果沒有,你有分離的CSS文件取決於頁面?如果您無差別地將一個CSS應用於所有頁面,則需要設置類別名稱,屬性或區分頁面的內容。 –

+0

每個頁面在wordpress中都有一個唯一的id或class,以便用於商店頁面。 #shop-page.body {overflow:visible} –

回答

1

你可以嘗試只通過添加標識前

body#ID61 {margin: 0; height: auto; overflow: visible } 

覆蓋CSS你可能甚至都不需要!重要的,因爲你是更具體的與之前的ID。但是,如果它不工作,你可能需要添加這個。

但比我需要知道ID#ID61是哪個元素。身體?否則,您需要jQuery/javascript

+0

Sry犯了一個錯誤。現在應該修復 – RacoonOnMoon

+0

是的,我知道:D我編輯它。謝謝 – RacoonOnMoon

0

:not()negation pseudo-class排除了在()之間指定的某些元素。如果您在此處包含頁面的ID,它會將樣式應用於不包含它的每個其他body元素。

html, body:not(#ID6) {margin: 0; height: 100%; overflow: hidden}

活生生的例子:

p:not(#hello) { 
 
    color: #f00; 
 
}
<p id="hello">testing</p> 
 
<p>test</p>

請千萬記住,只要你想你的店鋪轉讓給另一 '頁',你就必須更新CSS也是如此。