質問: ### 前提・実現したいこと wordpressで自作テーマを構築しています。 今回、ヘッダーのメニューのサブメニューをプルダウンで表示させようとしています。 そこで、サブメニューを作ったときに、wordpressから割り当てられた、.sub-menu に対してまず、display: none; を設定したいのですが、非表示になってくれません。 「header.php」 'primary' )); ?> 「styles.css」 .sub-menu { display: none; } 「function.php」 function register_my_menu() { register_nav_menu('primary', 'Primary Menu'); } add_action('after_setup_theme', 'register_my_menu'); 「検証」 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/da082d2480f7e52055384a9544c98f88.jpeg) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/f5495fc3cf26622c670e0754d21f41e7.jpeg) 「表示部分」 下側のサブメニューの表示を一旦、消したいのです。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/61165e3ddb87cee6027daf4cf2a0a41b.jpeg) ### 試したこと クラス名を変更したり、タグで指定したりしました。 .sub-menuに対して、他に何か指示がされていないか確認しましたが、特にみつかりませんでした。 お手数ですが、ご回答いただけますと、本当に助かります。 どうぞ、よろしくお願いいたします。 ※追記※ styles ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/5d904165d4bddf2d1f62bde4627c303b.jpeg) ※追記※ ulに関してのstyles ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/d91ea94c4b65ba3ecdeb08dfda9ccaca.jpeg) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/5c03578d4ed49c01ed46ab3bd95d929f.jpeg)
回答: 優先順位を変えてみてはいかがでしょうか? ``` .sub-menu { display: none !important; } ```