2017-12-04 15 views
0

개조 테마의 하위 테마를 만들었습니다. 아이의 테마 폴더에는 "style.css"와 "functions.php"파일이 있습니다. 내있는 style.css는 다음과 같습니다하위 테마가 부모 CSS를 대체하지 않음

내 functions.php은 다음과 같습니다
/* 
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; 
} 

:

<?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 

Unsing 내가 부모 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; 
} 

나는 특이성에 관해 많은 글을 읽었으며, 나는 "padding-top"변경을 제외하고 내 css와 parent css가 동일하다는 것을 알아 차렸다. 아이가 마지막에로드되기 때문에 나는 CSS를 우선적으로 사용해야한다고 생각했지만 그렇지 않습니다. 내 CSS는 검사관에서 무시되고 부모는 사용 중입니다.

이것은 나에게 맞는 것 같지 않고 누군가가 부모/자녀 관계에 대한 나의 이해를 명확히하고이 문제를 해결할 수 있기를 바랍니다. 고맙습니다.

+0

페이지의 머리 부분에 올바른 순서로로드되어 있습니까? 왜냐하면 최신 CSS 스타일이 적용된 것이기 때문에 –

+0

나는 그들이 올바른 순서로로드된다는 것을 알 수 있습니다. 마지막으로로드되는 CSS가 있습니다. – csharpMind

답변

0

한 요소 만 재정의하고 여러 요소에 적용하지 않을 경우 클래스 대신 ID를 사용하는 것이 가장 좋습니다. id는 항상 클래스를 덮어 씁니다.