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は、高い特異性を持っているためだ
[これは特異性についてもっと学ぶ方法です](https://stuffandnonsense.co.uk/archives/css_specificity_wars.html)。 –