返信ありがとうございます！
注：ネストされたカテゴリが3つ（通常は2つ）になる隠し機能を使用しました。
問題がより明確になる例を以下に示します。
例：メインページ：
テスト（カテゴリ）
- テスト - サブ1（親テストカテゴリのネストされたカテゴリ）
このシナリオでは、
.category .subcategories {
display: none;
}
は正常に機能します。
ネストされたテスト - サブ1カテゴリが表示されていないことがわかります。
さらにネストされたサブカテゴリを追加した場合：
テスト - サブ2カテゴリ、親はテスト - サブ1カテゴリ：
上記の画像でわかるように、テスト - サブ2はCSSコードにより非表示になっていますが、テスト - サブ1は非表示ではなくなっています。
問題は現在2つあります。
テスト - サブ1のタイトルを非表示にすることはできますが、クラスを display: none に設定すると、メインページ上のすべての親カテゴリも非表示になってしまいます。
2番目の問題は、ネストされたテスト - サブ1カテゴリだけを分離して非表示にできたとしても、それが占めるスペースは依然として存在し、問題となります。メインページには、それぞれ2つのネストされたサブカテゴリを持つカテゴリをさらに約20個追加したいと考えています。
理想的には、エンドユーザーがテストカテゴリをクリックするだけで、他のネストされたカテゴリなどにアクセスできるようにしたいと考えています。これは、
「このカテゴリのトピックの上にサブカテゴリリストを表示する」
およびサブカテゴリリストのスタイルを、例えば「ボックス」などに設定することで簡単に実現できます。
後でメインページに別のカテゴリをテストカテゴリの後に配置したい場合、20行の空白行などを避けたいです。
何か考えはありますか？