2017-03-21 5 views
2

私はShapelyテーマを使用しています。WordPressのテーマ子供のCSSが読み込まれたにもかかわらず、子のCSSが親を上書きしない

私はそうのように私の子供のテーマのスタイルシートをエンキューしています:

function my_theme_enqueue_styles() { 

    $parent_style = 'shapely-style'; // 

    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'); 

そして、私のページのソースで、私の子のテーマのスタイルは間違いなく<head>で親AFTERロードしています。

<link rel='stylesheet' id='shapely-style-css' href='http://mydomainname.com/wp-content/themes/shapely/style.css?ver=4.7.3' type='text/css' media='all' /> 
<link rel='stylesheet' id='child-style-css' href='http://mydomainname.com/wp-content/themes/child-theme-name/style.css?ver=4.7.3' type='text/css' media='all' /> 

しかし、私のページを調べると、私の親スタイルはまだ私の子供のテーマスタイルをオーバーライドしています。スクリーンショットの下を参照してください:あなたの親テーマのCSSは、高い特異性を持っているためだ

enter image description here

答えて

5

を。

.post-titleを同じセレクタに置き換えた場合、親テーマは(.post-content .entry-content .post-title)を使用して親設定を上書きします。特異性が高いからではなく、同じセレクタの後に来るので、勝ちます。投稿セレクタの

特異値:

.post-title = 0 0 1 0

.post-content .entry-content .post-title = 0 0 3 0

+0

[これは特異性についてもっと学ぶ方法です](https://stuffandnonsense.co.uk/archives/css_specificity_wars.html)。 –

関連する問題