不是所有的css元素都通过父元素转移到子元素吗?

时间:2016-09-11 作者:user102602

在我开始之前,如果我的英语很糟糕,我道歉,因为它不是我的主要语言。

我正在尝试为我正在开发的网站创建一个儿童主题。该网站使用Comicpress主题。我已经创建了这个孩子,它似乎工作正常。然而,我遇到了两个问题:

1)我岗位周围的灰色边界似乎不见了。我不知道为什么。

2)我无法编辑孩子的CSS以覆盖家长的CSS。

有人能帮帮我吗?我将提供我使用过的代码和屏幕截图以进行比较。非常感谢你。

<小时>PARENT THEMEenter image description hereCHILD THEMEenter image description here

CHILD\'S STYLE.CSS

CHILD STYLE.CSS

/*
Theme Name: ComicPress-Child
Version: 1.0
Description: A child theme of ComicPress
Template: comicpress
*/

CHILD FUNCTION.PHP

<?php
add_action( \'wp_enqueue_scripts\', \'theme_enqueue_styles\' );
function theme_enqueue_styles() {
    wp_enqueue_style( \'parent-style\', get_template_directory_uri() . \'/style.css\' );

    wp_enqueue_style( \'child-style\'
        , get_stylesheet_directory_uri() . \'/child-style.css\'
        , array(\'parent-style\') // declare the dependency
                                // in order to load child-style after parent-style
    );
}

1 个回复
最合适的回答,由SO网友:Nathaniel Flick 整理而成

好问题!基本上,在您的队列中,您首先调用父样式表,然后调用子样式表,因此任何子样式(根据css特定性的定义)都将覆盖父样式。

WordPress codex中的代码示例:https://codex.wordpress.org/Child_Themes

<?php
function my_theme_enqueue_styles() {
    $parent_style = \'parent-style\'; // This is \'twentyfifteen-style\' for the Twenty Fifteen theme.

    wp_enqueue_style( $parent_style, get_template_directory_uri() . \'/style.css\' );
    wp_enqueue_style( \'child-style\',
        get_stylesheet_directory_uri() . \'/style.css\',
        array( $parent_style ),
        wp_get_theme()->get(\'Version\')
    );
}
add_action( \'wp_enqueue_scripts\', \'my_theme_enqueue_styles\' );
?>