wordpressで親テーマの複数のCSSを上書きしたい

Question

前提・実現したいこと

wordpressの子テーマで複数のCssを読み込むようにカスタマイズを行いたいのですが、funtions.phpでの指定の仕方がわからずご教示いただければと思います。

親テーマのhoge.CSSのStyleを上書きしたい

親テーマファイル
テーマ名/style.css
テーマ名/css/hoge.css

子テーマファイル
チルドテーマ/style.css
チルドテーマ/css/hoge.css

functions.php

function skin_child_theme_enqueue_scripts()
	{
		wp_enqueue_style( 'hoge_child',get_template_directory_uri() . '/style.css',array( 'hoge_main' ),wp_get_theme()->get('01'));
		wp_enqueue_style( 'hoge_child',get_template_directory_uri() . '/css/hoge.css' ,array( 'hoge_main' ),wp_get_theme()->get('01'));
	}
		add_action( 'wp_enqueue_scripts', 'skin_child_theme_enqueue_scripts' );

よろしくお願いします。

Answer 1

「すでに登録されたCSSを使わないようにする」ということであれば wp_dequeue_style で当該CSSをはずしてしまえばよいです。

【wp_enqueue_style　されたスタイルを削除 – WordPress Snippet】
https://tenman.info/labo/snip/archives/5210

【wp_dequeue_style() | Function | WordPress Developer Resources】
https://developer.wordpress.org/reference/functions/wp_dequeue_style/

---

「読み込んだ上で一部を上書きしたい」ということであればCSSの優先順位を考慮しつつ子テーマのCSSを書けばよいです。

【!importantはもう使わない！CSSの優先順位をおさらいしよう | アライドアーキテクツのクリエイターブログ】
http://creator.aainc.co.jp/archives/4947

【CSSセレクタの優先順位の計算方法 - Qiita】
https://qiita.com/oh_rusty_nail/items/e896825cd54e5c0a3666