Wordpress使用自定義CSS刪除CSS內容

我使用最新版本的Wordpress與主題結合使用。在這個主題上有一些我不需要/想要的CSS代碼，這使得我的自定義頁面看起來很糟糕。這將是一個例子：Wordpress使用自定義CSS刪除CSS內容

#content table { 
    border: 0; 
    margin: 0 0px 24px 0; 
    text-align: left; 
    width: 100%; 
    vertical-align: top; 
} 
#content tr { 
    vertical-align: top; 
}

到目前爲止，我總是直接在這個主題的style.css中註釋掉這些部分。但是，如果我更新這個主題，我會永遠放棄我的更改。

現在我已經開始將所有更改導入該主題的自定義css目錄。這適用於更改，但我不知道如何刪除通常註釋掉的部分。

任何想法如何做到這一點？

這個問題的目的還在於這樣的變化在那裏我註釋掉這種風格的部分：

#content tr td { 
border-top: 1px solid transparent; 
/* 
padding: 6px 24px; 
vertical-align:top; 
*/ 
}

希望你明白我的意思:)

來源

2016-02-22 Andre

創建一個子主題.https：//codex.wordpress.org/Child_Themes – j08691

嘗試在您的CSS代碼中使用'！important'。 – Microsmsm

謝謝，但使用兒童主題似乎並沒有解決我的問題。即使有一個兒童主題，它看起來像加載我的舊style.css - 這意味着我不能從css中移除代碼，如#content tr {vertical-align：top; } – Andre

你需要創建一個子主題，然後導入其中的functions.php和style.css。然後在這裏添加您的更改。每當你更新你的主題時，你永遠不會失去它。請讓我知道你是否也想要代碼...

來源

2016-02-22 14:30:27

謝謝，我已經嘗試過，但即使有一個兒童主題，它看起來像它正在加載我的舊style.css - 這意味着我不能從css中刪除代碼，如#content tr {vertical-align：top; } – Andre

由於您使用的是單獨的自定義css文件，因此您的主要css文件仍然會包含一些相同的樣式集，因此評論顯然不起作用。因此，要完全刪除樣式集，請在您的自定義CSS文件上執行以下操作。

#content table { display:none!important; }

您可以爲每個樣式設置做到這一點，或添加它們放在一起，他們用逗號分隔。即

#content table, #content tr { 
display:none!important; 
}

在問候你問題的第二部分，你不能只刪除設置的樣式的一部分，但你可以繼續使用!important聲明，並使用如改變填充相反值覆蓋它24px到0px，如果你不想要任何填充。您需要重新調整您的偏好設置或將其設置爲baseline，這是默認設置。（同樣，這正好在自定義的CSS文件）

#content tr td { 
padding: 0px 0px!important; 
vertical-align:baseline!important; 
}

請注意，我並沒有包括border-top: 1px solid transparent;因爲你的主要CSS仍然會應用該樣式的這部分，所以你只需要覆蓋任何你不想或者希望對自定義CSS進行更改，因爲您無法以與使用單個CSS文件相同的方式評論樣式集。

如果您發現它有幫助，請將此標記爲您接受的問題答案。謝謝。

來源

2016-02-26 17:41:45 user1724434

Wordpress使用自定義CSS刪除CSS內容

回答

相關問題