CSS 在 WordPress 中不起作用答案

【问题标题】：CSS don't work in WordPressCSS 在 WordPress 中不起作用
【发布时间】：2017-06-25 03:44:15
【问题描述】：

我正在尝试在 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;
}

当我在“站点定制器/CSS”选项卡中更改 CSS 样式时，或者当我直接在 html 正文标签中添加 CSS 样式时，它正在工作。

怎么了？

【问题讨论】：

确定背景颜色应该是：background-color: red.
你确定不是客户端问题？尝试使用 CTRL+F5 或 CTRL+SHIFT+R 在不缓存的情况下刷新。
使用background-color: #hex; 而不是color:。还要确保你的 css 文件已经加载并且你的规则没有被另一个覆盖。
主题进入 wp-content 文件夹，而不是根目录
@ItayGanor CTR+SHIFT+R - 很有帮助！非常感谢！

标签： css wordpress

【解决方案1】：

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

为了避免在每次样式更改后按下此组合键，请打开您的开发者控制台 (CTRL+SHIFT+I) 并转到其设置 (F1)。然后启用禁用缓存（在 DevTools 打开时）。这样一来，只要打开开发者控制台，您的刷新就不会使用任何缓存。

祝你好运！

【讨论】：

【解决方案2】：

如果你想改变背景颜色使用这个..

body{
   background-color:red !important;
}

【讨论】：

【解决方案3】：

color 属性用于文本颜色：

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

请改用background-color。

body {
    background-color: red;
}

【讨论】：

你是对的！我编辑了我的帖子。谢谢你。我在写这篇文章时犯了错误。在我的页面上是backround-color 而不是color。