Question

我创造了装修主题的儿童主题。在孩子的主题文件夹中，我有一个＆＃34; style.css＆＃34;和一个＆＃34; functions.php＆＃34;文件。我的style.css看起来像这样：

/*
Theme Name: Renovation Child
Theme URI: http://renovation.thememove.com/
Author: ThemeMove
Author URI: http://thememove.com/
Version: 2.0.4
Template: tm-renovation
*/

/*
 * @charset "UTF-8";
*/

.vc_custom_1438936121266 {
    margin-bottom: 70px!important;
    padding-top: 65px!important;
    padding-bottom: 35px!important;
}

我的functions.php看起来像这样：

<?php
// Exit if accessed directly
if ( !defined( 'ABSPATH' ) ) exit;

// BEGIN ENQUEUE PARENT ACTION

if ( !function_exists( 'renovation_enqueue_scripts' ) ):
    function renovation_enqueue_scripts() {
        wp_enqueue_style( 'renovation-child-style', trailingslashit( get_stylesheet_directory_uri() ) . 'style.css' );
    }
endif;
add_action( 'wp_enqueue_scripts', 'renovation_enqueue_scripts' );

// END ENQUEUE PARENT ACTION

取消检查员，我看到父css正在被加载，它看起来像这样：

.vc_custom_1438936121266 {
    margin-bottom: 70px!important;
    padding-top: 30px!important;
    padding-bottom: 35px!important;
}

我的CSS是在父CSS之后加载的，看起来像这样，除了它全部划掉了：

.vc_custom_1438936121266 {
    margin-bottom: 70px!important;
    padding-top: 65px!important;           <-- MY CHANGE
    padding-bottom: 35px!important;
}

我已经阅读了很多关于特异性的线索，我注意到我的css和父css是相同的，除了＆＃34; padding-top＆＃34;我改变了。由于孩子最后一次装载，我希望我的css优先，但事实并非如此。我的css在检查员中划掉，父母正在使用。

这对我来说似乎不对，我希望有人能澄清我对父/子关系的理解并帮助我解决这个问题。谢谢。

Answer 1

如果你只是要覆盖一个元素而不是将它应用于多个元素，那么最好使用id而不是类。 id总是覆盖一个类。

子主题不覆盖父CSS

1 个答案: