Если класс существует в первом родителе, тогда примените CSS

Question

Если класс 'hello' видим, тогда примените некоторые css к классу 'banner2'.Является ли это возможным?Ищите решение CSS, а не Javascript.

  <div id="banner">
    <div class="hello"></div>
  </div>
  <div class="banner2">
  </div>

Answer 1

Опция еще не существует в CSS.
Когда будут доступны селекторы 4, вы можете сделать это следующим образом:

.banner:has(> .hello) + .banner2 

Но на данный момент вы можете сделать это только сJavascript

Answer 2

Невозможно выбрать div на основе видимости только в CSS.Вы можете легко использовать jQuery / JS, но, так как вы не хотите, я бы предложил попробовать некоторые хитрости с CSS-комбинаторами и с галочкой , в зависимости от того, как вы планируетеоб изменении видимости "привет".