Question

我正在尝试在WordPress中创建自己的。我在根文件夹中添加了index.php和style.css。我正在尝试改变背景颜色但没有发生任何事情。

的index.php

  <!DOCTYPE html>
<html <?php language_attributes(); ?>>
    <head>
        <meta charset="<?php bloginfo( 'charset' ); ?>" />
        <title><?php wp_title(); ?></title>
        <link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
        <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
        <?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
        <?php wp_head(); ?>
    </head> 
    <body>
        <p>Hello</p>
    </body>
</html>

的style.css

    /* Theme Name: Test */

body{
    background-color: red;
}

当我在'site customizer / CSS'选项卡中更改CSS样式，或者直接在html body标签中添加css样式时，它正在工作。

有什么问题？

Answer 1

出于性能原因，您的CSS文件正在缓存在您的设备中。为了刷新它们，您必须刷新而不进行缓存，即CTRL+SHIFT+R或SHIFT+F5。

为避免在每次样式更改后推送此组合键，请打开开发人员控制台（CTRL+SHIFT+I）并转到其设置（F1）。然后启用禁用缓存（当DevTools打开时）。通过这样做，只要打开开发人员控制台，您的刷新就不会使用任何缓存。

祝你好运！

Answer 2

如果你想改变bg颜色，请使用此..

body{
   background-color:red !important;
}

Answer 3

color属性用于文本的颜色：

https://developer.mozilla.org/en-US/docs/Web/CSS/color

改为使用background-color。

body {
    background-color: red;
}

CSS在WordPress中不起作用

3 个答案: