Как задать классу стили, если показывается другой класс?

Question

[evexa]

На странице выводятся подкатегории, они обернуты в div subcategory.

Если на странице нет подкатегорий, то надо скрыть этот div.

Если категории не выводятся, то появляется надпись с классом cat-item-none.

Нужно, чтобы, если есть класс cat-item-none, div-у subcategory добавлялся display:none;

<div class="subcategory">
    <ul class="children">
        <li class="cat-item-none">Рубрик нет</li>
    </ul>
</div>

Comments

[Степан Крапивин]

вёрстку добавь к вопросу

[Pavel Kuzyakin]

если на странице нет подкатегорий, див с классом subcategory прилетает пустым?

[evexa]

Pavel Kuzyakin, Нет в нем выводится ul и li с классом cat-item-none

Answer 1

[Kaisar Kuanysh]

Если на странице нет подкатегорий

что является условием 'if'
Как известно, css - не язык программирования, соответственно, там нельзя прописать какую либо логику, в том числе и условия. Для таких задач есть javascript

if (document.getElementsByClassName('cat-item-none').length) {
      document.getElementsByClassName('subcategory')[0].style.display = 'none';
}

как то так, могу допустить мелкие ошибки

Comments

[evexa]

Не получилось :(

[Kaisar Kuanysh]

evexa, скинь кусок html, постараюсь помочь

[evexa]

<div class="subcategory">
<ul class="children">
<li class="cat-item-none">Рубрик нет</li>
</ul>
</div>

[Kaisar Kuanysh]

evexa, а какой результат надо получить если нет категорий?

[evexa]

Kaisar Kuanysh, надо скрыть див subcategory)

[Kaisar Kuanysh]

if (document.getElementsByClassName('cat-item-none').length) {
      document.getElementsByClassName('subcategory')[0].style.display = 'none';
}

только скрипт надо обязательно в конце body вставить, что он выполнился после прогрузки DOM дерева

[evexa]

Kaisar Kuanysh, Спасибо! помогло

[Kaisar Kuanysh]

я отредактирую ответ выше, вы отметьте его ответом)