Question

我正在学习编码的第一步。我在互联网上制作了一些我们的东西，现在我决定继续学习构建Wordpress儿童主题的经验。

问题是，我发现有两种方法可以改变文本的颜色：

1）使用css

2）在wordpress仪表板中：

如果我使用css更改文本的颜色，如果我从wordpress仪表板更改它，它将再次更改。

我喜欢使用wordpress仪表板自定义一些文本片段，但是我还想在css中编写其颜色并使其不可更改，即使我尝试在wordpress仪表板中修改它。

有办法吗？

我尝试在我的CSS中写color: #000000 !important;但它不起作用。有没有办法永久地改变css中一段文字的颜色？

Answer 1

使用父元素类可以编写样式。这将采取您的孩子主题风格。

<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>

Answer 2

如果您通过WordPress编辑器设置颜色，它当然也会使用CSS更改颜色。假设您在编辑器中选择文本并使用单击其中一种可用颜色对其着色，然后生成的HTML将包含内联CSS。见http://www.w3schools.com/css/css_howto.asp 覆盖这样设置的样式的唯一方法是在内联CSS应用于的相同HTML元素上设置样式！important 。

这里有一个示例：如果您将int b;的颜色设置为class D - 内部DIV的内联样式仍然存在。但是，如果取消注释part of class B类，它将覆盖内联CSS颜色。

＆＃13;
＆＃13;
class B
＆＃13;
public, protected and private
＆＃13;
＆＃13;
＆＃13;

应该提到的是！重要的是你应尽量少用的东西。在您的实际情况中，您通常会更改WordPress编辑器，以便不应用任何颜色或仅选择的颜色。

自定义wordpress文本颜色

2 个答案: