自定义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文字颜色

回答

相关问题