对子主题所做的CSS更改未显示在网站中

我已经对wordpress子主题中的style.css进行了更改，但是这些更改没有显示出来。我通过使用以下代码更改背景颜色进行了重大更改：

.main{
    background: #ffffff
{

---

我已经清除了缓存，甚至用另一台笔记本电脑查看了我的网站，但都没有用。怎么了？

从你提供的东西看不出来。3个最可能的原因是：

您没有正确链接到样式表

（您确定您的style.css或while被调用是否通过html文档中的link rel正确链接？）

在刷新页面之前，您没有保存对html和css文件的更改

您没有使用正确的选择器（例如，您有一个

div id=“main”

），您将其引用为

.main

，而不是

\main

---

因为你有一个开始的括号，你应该有一个结束的括号

您的代码应如下所示：

.main{ 背景：#ffffff

---

}您还需要将子主题的样式表排队。使用下面的代码段修改functions.php。请注意，模板目录指的是父主题的目录，样式表目录指的是活动子主题

<?php
function my_theme_enqueue_styles() {

    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get('Version')
    );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
?>

---

官方文档中有一个问题

你的CSS文件是否加载了？你是否尝试过使用Google Chrome中的开发者工具来确认子主题的CSS样式表是否呈现。您还可以检查源代码，但如果使用开发人员工具，则可以实时修改CSS。这对于您确定是否使用了正确的CSS选择器非常有用。此外，您的CSS可能被父主题/插件覆盖。因此，您可能需要使用

！重要的

输入，以防止此类覆盖。