CSS 在 localhost 中无法正常工作答案

【问题标题】：CSS Not properly Working in localhostCSS 在 localhost 中无法正常工作
【发布时间】：2023-04-10 19:55:01
【问题描述】：

我正在使用 localhost 通过 xampp 服务器进行 wordpress 主题开发。当我更改我的 css 文件时，它不会立即工作。它的工作可能会在 3-4 小时后完成。 css动态链接没问题。请问有什么问题吗？

【问题讨论】：

在这里放一些代码来解释你的问题！
你是怎么称呼css的？请分享代码
我用 PHP 代码直接从 root 调用 css 文件
请通过更新您的问题分享代码。
我用过这段代码

标签： css wordpress localserver

【解决方案1】：

有时我发现浏览器在 localhost 下运行时会缓存资产，并使其看起来好像更新没有生效。从您的描述中很难判断这是否是问题所在，但请尝试清除缓存的图像和文件，看看是否有帮助。

【讨论】：

【解决方案2】：

听起来你有一些强烈的缓存。在本地开发中，您可以在 wp_enqueue_style 调用中使用不同的版本号破坏缓存。版本号是第四个参数。在此示例中，我们将版本号更新为最新更改 style.css 文件的当前日期/时间。

/**
 * Proper way to enqueue scripts and styles
 */
function theme_name_scripts() {
    $cacheBusterCSS = date("U", filemtime( get_stylesheet_directory() . '/style.css' ) );
    wp_enqueue_style( 'style-name', get_stylesheet_uri(), array(), $cacheBusterCSS );
}
add_action( 'wp_enqueue_scripts', 'theme_name_scripts' );

这种动态版本号仅用于本地开发，当您想要利用缓存来缩短页面加载时间时，对于生产网站来说是个坏主意。 p>

【讨论】：