在子主题中添加自定义CSS类

时间:2017-08-28 作者:conpertura

在我的博客上,我使用Wordpress编辑器的HTML在每篇文章中定义了不同的标题样式。由于一个标题样式经常出现,我想在我的Wordpress子主题中添加一个自定义CSS类,以减少每篇文章中的HTML。

然而,我的方法到目前为止还不起作用。我向样式中添加了以下代码。我的孩子主题的css:

    h5 .audience {
                    text-align: right;
                    color: #ddd;
}
在个人帖子的HTML中:

 <h5 class="audience">Different heading
</h5>
结果不会显示对父主题的任何更改。

除此之外,我的孩子主题也很好。当我从父主题样式复制代码时。css到子主题样式。css和更改参数(如颜色)时,将显示这些更改。我甚至使用新的WP\\u排队而不是@import函数来链接父主题和子主题。

如何更改CSS或HTML代码以显示自定义类样式的更改?PHP代码是否需要更改?

1 个回复
最合适的回答,由SO网友:Rick Hellewell 整理而成

不应该是h5.audience ? (两者之间的周期,无空格)。

我总是使用开发人员工具查看特定元素,CSS面板会告诉我要使用的确切语句。我在CSS面板中进行实验,直到得到正确的“外观”,然后将实验结果放入子主题CSS(或主题的附加CSS)。

结束