Question

我正在使用Ocean-WP儿童主题。我已经在子主题中创建了一个样式表，因为我知道不要在父样式表中添加样式。问题是没有应用我在子样式表中编写的样式。为什么？

/*
Theme Name: OceanWP Child
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme example child theme.
Author: 
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

@import url("../oceanwp/style.css");
form{
    background-color:blue !important;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 374px){
#page-title{
    font-size:3.5rem;
}

}

Answer 1

在浏览器的“查看源代码”中找到CSS名称。搜索style.css并找到名称。现在，将以下代码添加到您的functions.php文件中。由于查询字符串，wordpress不显示更新的子主题css的原因。您需要做的就是使用下面的代码更改查询字符串的版本，并清除浏览器缓存。享受。

function update-child-css() {
wp_enqueue_style('child-theme-css-name', get_stylesheet_directory_uri() .'/style.css', array(), '1.0.1' );
}
add_action('wp_enqueue_scripts', 'update-child-css');

WordPress子主题样式未应用

1 个答案: