Grazie per la risposta!
Nota: ho attivato la funzionalità nascosta che consente una categoria nidificata aggiuntiva, 3 in totale rispetto a 2.
Ecco un esempio che potrebbe illustrare meglio il problema:
ad es., Pagina principale:
Test (Categoria)
- Test - Sub 1 (Categoria nidificata della Categoria Test padre)
In questo scenario,
.category .subcategories {
display: none;
}
funziona bene.

Come puoi vedere, la categoria nidificata test - sub 1 non viene visualizzata.
Se aggiungo un’altra sottocategoria nidificata:
test - sub 2 category, con sub 1 category come genitore:
come puoi vedere nell’immagine sopra, test - sub 2 è nascosto
in base al codice CSS, ma test - sub 1 non è più nascosto.
Il problema ora è duplice:
Posso nascondere il titolo test - sub 1, impostando la sua classe su display: none, ma nasconde anche tutte le categorie padre nella pagina principale.
Il secondo problema è che, anche se potessi isolare e nascondere solo la categoria nidificata test - sub 1, lo spazio che occupa è ancora lì e sarà problematico, ho bisogno di circa 20 categorie in più nella pagina principale con due sottocategorie nidificate ciascuna.
Idealmente, voglio solo che l’utente finale possa fare clic sulla Categoria Test e avere accesso alle altre Categorie nidificate, ecc., il che si ottiene facilmente, tramite
Mostra l’elenco delle sottocategorie sopra gli argomenti in questa categoria.
e impostando: stili dell’elenco delle sottocategorie su, ad es. caselle, ecc.
Se a un certo punto voglio posizionare un’altra categoria della pagina principale dopo la Categoria Test, non voglio 20 righe di spazio vuoto, ecc.
Pensieri?
