对子主题进行的CSS更改未显示在网站中

时间:2018-06-03 16:42:29

标签: css wordpress

我在wordpress的子主题中对style.css进行了更改,但更改没有显示出来。我通过以下代码更改背景颜色进行了重大更改:

.main{
    background: #ffffff
{

我已清除缓存,甚至使用另一台笔记本电脑查看我的网站无济于事。怎么了?

3 个答案:

答案 0 :(得分:1)

无法判断你提供的内容。最可能的三个原因是:

  1. 您没有正确链接到样式表

    (你确定你的style.css或者被调用的是通过你的html文档中的链接rel正确链接的吗?)

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

  3. 您没有使用正确的选择器(例如,您拥有div id="main")并且您将其引用为.main而不是#main

答案 1 :(得分:0)

因为您有一个右方括号,所以应该有一个右方括号。

您的代码应如下:

.main { 背景:#ffffff }

答案 2 :(得分:0)

您还需要加入子主题的样式表。使用下面的代码片段修改您的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' );
?>

这是官方文档的https://package.elm-lang.org/packages/elm/html/latest/Html-Events#on