¡Gracias por la respuesta!
Nota: He invocado la función oculta que permite una categoría anidada adicional, 3 en total frente a 2.
Aquí hay un ejemplo que podría ilustrar mejor el problema:
por ejemplo, Página principal:
Prueba (Categoría)
- Prueba - Sub 1 (Categoría anidada de la Categoría de Prueba Principal)
En este escenario,
.category .subcategories {
display: none;
}
funciona bien.
Como puedes ver, la categoría anidada prueba - sub 1 no se muestra.
Si agrego otra subcategoría anidada:
categoría prueba - sub 2, con sub 1 como su padre:
como puedes ver en la imagen de arriba, prueba - sub 2 está oculta
según el código CSS, pero prueba - sub 1 ya no está oculta.
El problema ahora es doble:
Puedo ocultar el título prueba - sub 1, estableciendo su clase en display: none, pero esto también oculta todas las categorías principales en la página principal.
El segundo problema es que, incluso si pudiera aislar y ocultar solo la categoría anidada prueba - sub 1, el espacio que ocupa todavía está allí y será problemático. Necesito tener unas 20 categorías más en la página principal con dos subcategorías anidadas cada una.
Idealmente, solo quiero que el usuario final pueda hacer clic en la Categoría de Prueba y tener acceso a las otras Categorías anidadas, etc., lo que se logra fácilmente, a través de
Mostrar lista de subcategorías encima de los temas en esta categoría.
y estableciendo: estilos de lista de subcategorías a, por ejemplo, cajas, etc.
Si en algún momento quiero posicionar otra Categoría de página principal después de la Categoría de Prueba, no quiero 20 filas de saltos de línea en blanco, etc.
¿Opiniones?