我已经创建了Renovation主题的子主题。在孩子的主题文件夹中,我有一个“ style.css”和一个“ functions.php”文件。我的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是相同的,只是我做了“ padding-top”更改。由于该子项是最后加载的,因此我希望CSS优先,但事实并非如此。我的CSS在检查器中被划掉,并且正在使用父级。
这对我来说似乎不对,我希望有人可以澄清我对父母/子女关系的理解,并帮助我解决此问题。谢谢。
最佳答案
如果仅覆盖一个元素而不将其应用于多个元素,则最好使用id而不是类。 id始终会覆盖一个类。