Как в зависимости от существования класса удалить другой класс?

Question

[Владислав Линник]

Всем привет, столкнулся с таким моментом: Нужно если существует класс .text (тот что в .content) задать классу .title display: none.
Подскажите как такое можно реализовать селекторами в CSS?

https://jsfiddle.net/egdpv34t

Comments

[Владислав Лысков]

через css никак, jq

[Максим Тимофеев]

Вы когда формируете html, добавляйте признак наличия текста не в виде класса text у контейнера текста, а общему родителю .wrapp, тогда все без проблем решается через css.
Например:

<div class="wrapp">
  <div class="title">Test</div>
  <div class="content"><div class="text">Some</div></div>
</div>
<div class="wrapp empty">
  <div class="title">Test</div>
  <div class="content"></div>
</div>

Тогда наличие или отсутствие класса .empty у родителя влияет на стили своих потомков

А вот будете Вы это генерить на сервере или уже в браузере расставлять классы средствами js - решать Вам.

Answer 1

[Павел Корнилов]

https://jsfiddle.net/nfyerLpq/

Comments

[Владислав Линник]

Спасибо, помогли )

[Павел Корнилов]

Владислав Линник, на здоровье. Но это набросок, который нужно адаптировать под конкретные нужды.

Answer 2

[Александр]

в CSS нет возможности влиять дочерним элементом на родителя, а уж тем более на соседа родителя.

Либо на javascript, либо при рендере страницы на сервере.