WordPress自定义主题style.css无法生效问题求助

核心问题：你的style.css根本没被WordPress加载 #

WordPress不会自动识别主题目录下的style.css并加载它，必须通过官方的资源队列机制手动注册引入。你的index.php里虽然有wp_head()（负责输出所有注册到头部的资源），但你没有把style.css加入资源队列，浏览器根本没收到这个CSS文件，自然不会生效——这和样式优先级无关，内联样式能生效是因为它直接写在HTML里，不需要额外加载。

解决步骤 #

1. 创建/编辑主题的functions.php文件 #

在wp-content/themes/mytheme目录下创建functions.php文件（已存在则直接编辑），添加以下代码：

<?php
function mytheme_enqueue_styles() {
    // 注册并加载主题的style.css
    wp_enqueue_style( 'mytheme-style', get_stylesheet_uri() );
}
add_action( 'wp_enqueue_scripts', 'mytheme_enqueue_styles' );
?>

这段代码会把style.css加入WordPress的资源队列，wp_head()执行时会自动输出对应的<link>标签，让浏览器加载这个CSS文件。

2. 修复背景图片路径错误 #

你style.css里的背景图片路径url('wp-content/themes/miotema/images/prima.jpg')是错误的：

• CSS中的相对路径是相对于CSS文件本身的位置，而非网站根目录
• 假设图片实际放在mytheme/images/prima.jpg（注意你代码里写的miotema可能是笔误，要和实际目录名一致），正确的相对路径应为：

background-image: url('./images/prima.jpg') !important;

3. 验证样式加载 #

完成上述操作后刷新页面，打开浏览器开发者工具（F12）查看页面<head>部分，若能看到类似如下标签，说明style.css已被正确加载，样式应该就能生效了：

<link rel='stylesheet' id='mytheme-style-css' href='https://你的域名/wp-content/themes/mytheme/style.css' type='text/css' media='all' />

样式优先级补充 #

如果后续仍出现样式被覆盖的情况，再调试优先级：

• 内联样式优先级确实高于外部CSS，但只要style.css加载正常，且选择器权重足够（比如body选择器权重足够，除非有更具体的选择器覆盖），配合!important（尽量少用，仅必要时添加）即可生效。

内容的提问来源于stack exchange，提问作者SeveN