Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/253.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Wordpress子主题css不会覆盖父css_Javascript_Php_Css_Wordpress - Fatal编程技术网

Javascript Wordpress子主题css不会覆盖父css

Javascript Wordpress子主题css不会覆盖父css,javascript,php,css,wordpress,Javascript,Php,Css,Wordpress,我正在使用mies儿童主题,但问题是我看不到css的变化会影响我的网站 下面是my child style.css的外观: /* Theme Name: Mies Child Theme URI: http://pixelgrade.com/demos/mies Author: PixelGrade Team Author URI: http://pixelgrade.com Template: mies Description: MIES is a front line parallax Ar

我正在使用mies儿童主题,但问题是我看不到css的变化会影响我的网站

下面是my child style.css的外观:

/*
Theme Name: Mies Child
Theme URI: http://pixelgrade.com/demos/mies
Author: PixelGrade Team
Author URI: http://pixelgrade.com
Template: mies
Description: MIES is a front line parallax Architecture WordPress Theme prized for allowing you to present your activity within a delightful and captivating experience. It's perfect for a full range of presentations and portfolio projects of designers, architects or photographers.
License: Themeforest Split Licence
License URI: -
Text Domain: mies_txtd
Domain Path: /languages/
Tags: white, light, dark, responsive-layout, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, full-width-template, theme-options, translation-ready
*/
这是my child functions.php文件:

<?php
/*
 * ===== Theme Translation =====
 * Load the translations from the child theme if present
 */
add_action( 'before_wpgrade_core', 'mies_child_theme_setup' );
function mies_child_theme_setup() {
    load_child_theme_textdomain( 'mies_txtd', get_stylesheet_directory() . '/languages' );
}

/**
 * ===== Loading Resources =====
 * Add all the extra static resources of the child theme - right now only the style.css file
 */

function mies_child_enqueue_styles() {
    // Here we are adding the child style.css while still retaining all of the parents assets (style.css, JS files, etc)
    wp_enqueue_style( 'mies-child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array('wpgrade-main-style') //make sure the the child's style.css comes after the parents so you can overwrite rules
    );
}

add_action( 'wp_enqueue_scripts', 'mies_child_enqueue_styles' );
使用此代码

// Queue parent style followed by child/customized style
add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles', PHP_INT_MAX);

function theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' 
);
wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . 
'/styles/child-style.css', array( 'parent-style' ) );
}
也检查一下这些东西

  • PHP_INT_MAX作为优先级,以便最后运行

  • 当父项的样式尚未排队时,您尝试将父项的排队样式wpgrade main样式的
    添加为子排队脚本的依赖项

    首先使用
    get\u template\u directory\u uri()
    检索父样式,然后使用
    get\u stylesheet\u directory\u uri()检索子样式
    并在子排队脚本中将父项作为依赖项添加到队列中,如下所示:

    函数mies\u child\u styles(){
    //让父母排队
    wp_enqueue_style('wpgrade main style',trailingslahit(get_template_directory_uri())。/style.css',array();
    //排队儿童
    wp_enqueue_style('mies child style',trailingslahit(get_stylesheet_directory_uri()。/style.css',array('wpgrade-main-style');
    }
    
    添加动作(“wp\u排队脚本”、“mies\u孩子样式”);
    我在我的项目中喜欢这样做

        function mies_child_enqueue_styles() {
            //enqueue parent styles
            wp_enqueue_style('parent-theme', get_template_directory_uri() .'/style.css');
    
            // enqueue child styles
            wp_enqueue_style('child-theme', get_stylesheet_directory_uri() .'/style.css', 
            array('parent-theme'));
        }
        add_action('wp_enqueue_scripts', 'mies_child_enqueue_styles');
    

    我使用了建议的代码,但没有得到预期的结果。此外,wp管理面板停止工作。@arismrk-Hmm。您是否可以尝试使用
    trailingslashit()
    包装您的
    get\u模板
    部分,如上面编辑的代码所示,并查看是否有帮助。