Спасибо за ответ!
Примечание: Я активировал скрытую функцию, позволяющую добавить ещё одну вложенную категорию — всего 3 вместо 2.
Вот пример, который может лучше проиллюстрировать проблему:
Например, главная страница:
Test (Категория)
- Test - Sub 1 (вложенная категория родительской категории Test)
В этом сценарии
.category .subcategories {
display: none;
}
работает корректно.
Как видно, вложенная категория Test - Sub 1 не отображается.
Если я добавлю ещё одну вложенную подкатегорию:
test - sub 2 category, где родительской является sub 1:
Как видно на изображении выше, test - sub 2 скрыт
согласно CSS-коду, но test - sub 1 больше не скрыт.
Проблема теперь двоякая:
Я могу скрыть заголовок test - sub 1, установив для его класса display: none, но при этом скрываются все родительские категории на главной странице.
Вторая проблема заключается в том, что даже если бы я мог изолировать и скрыть только вложенную категорию test - sub 1, занимаемое ею пространство всё равно остаётся, что создаст проблемы. Мне нужно разместить около 20 дополнительных категорий на главной странице, у каждой из которых будет по две вложенные подкатегории.
В идеале я хочу, чтобы конечный пользователь мог кликнуть на категорию Test и получить доступ к другим вложенным категориям и т.д., что легко достигается с помощью
Показать список подкатегорий выше тем в этой категории.
и установкой стиля списка подкатегорий, например, в виде блоков и т.п.
Если в какой-то момент я захочу разместить ещё одну категорию главной страницы после категории Test, я не хочу видеть 20 строк пустых переносов строки и т.п.
Что вы думаете по этому поводу?