自定義wordpress文字顏色

我正在學習編碼的第一步。我在互聯網上製作了一些網頁，現在我決定繼續從體驗中學習，同時建立一個WordPress的兒童主題。自定義wordpress文字顏色

的事情是，我看到有兩種方法可以改變文本的顏色：

1）用css

2）在WordPress儀表盤：

如果我使用css更改文本的顏色，它將會再次更改，如果我從wordpress儀表板更改它。

我喜歡使用wordpress控制面板來定製一些文本片段，但還有一些其他文本片段我想用css編寫它的顏色並使其不可更改，即使我嘗試在wordpress儀表板中修改它。

有沒有辦法做到這一點？

我嘗試在我的css中編寫color: #000000 !important;，但它不起作用。有沒有辦法改變css文本的顏色永久？

來源

2016-09-07 Valentin Verdegales

使用父元素類可以編寫樣式。它將採取你的孩子的主題風格。

<html> 
<body class="home"> 
    <div class="main"> 
     <div class="colorize"> 
     Content inner DIV 
    </div> 
    </div> 
</body>

父主題：

<style> 
.colorize{ 
    color:red; 
} 
</style>

子主題：

<style> 
.main .colorize{ 
    color: green; //override using parent element class(main) 
} 
</style>

來源

2016-09-07 23:06:58 Samyappa

謝謝你的回答@Samyappa。但是什麼是父元素類，我怎樣才能使用它？我剛剛開始學習，有些事情我不知道 –

嗨，@Valentin Verdegales我有添加詳細信息，如果有任何疑問，請告知我。 – Samyappa

如果設置通過WordPress的編輯器的顏色，它當然也會改變與顏色CSS。我們假設您在編輯器中選擇一個文本，並使用單擊其中一種可用顏色對其進行着色，然後生成的HTML將包含內聯CSS。請參閱http://www.w3schools.com/css/css_howto.asp 覆蓋樣式設置的唯一方法是在上設置樣式！重要將內聯CSS應用於的同一HTML元素。

這裏是一個例子：如果你設置body的顏色爲!important - 內部DIV的內聯樣式仍然存在。但是，如果您取消註釋.colorize類，它將覆蓋內聯CSS顏色。

body { 
 
    color:orange!important; 
 
} 
 
/* uncomment this to overwrite the inline CSS 
 
.colorize { 
 
    color:yellow!important; 
 
} 
 
*/

<html> 
 
<body> 
 
    <div> 
 
    Content outer DIV 
 
    <div class="colorize" style="color:blue;"> 
 
     Content inner DIV 
 
    </div> 
 
    </div> 
 
</body> 
 
</html>

應該提到的是！重要的是你應該嘗試儘可能少使用什麼。在您的實際情況中，您通常會更改WordPress編輯器，以便不使用任何顏色或僅選擇一種顏色。

來源

2016-09-08 08:59:54

自定義wordpress文字顏色

回答

相關問題