gpt4 book ai didi

css - 自定义wordpress文本颜色

转载 作者:行者123 更新时间:2023-11-28 05:14:42 24 4
gpt4 key购买 nike

我正在迈出学习编码的第一步。我在 Internet 上做了一些文章,现在我决定在构建 Wordpress child 主题的同时继续从经验中学习。

问题是我看到有两种方法可以改变文本的颜色:

1) 使用 CSS

2) 在 wordpress 控制面板中:

enter image description here

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

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

有什么方法可以做到吗?

我尝试在我的 css 中编写 color: #000000 !important; 但它不起作用。有没有办法永久更改 css 中一段文本的颜色?

最佳答案

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

这里有一个例子:如果你通过 !important 设置 body 的颜色 - 内部 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>

应该提到的是,!important 是你应该尽量少用的。在您的实际情况下,您通常会更改 WordPress 编辑器,以便没有颜色或仅选择的颜色可供应用。

关于css - 自定义wordpress文本颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39374421/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com