如果第一个父级中存在类，则应用CSS

Question

如果可见类“ hello”，则对“ banner2”类应用一些CSS。可能吗？寻找CSS解决方案而不是Javascript。

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

Answer 1

仅基于CSS的可见性无法选择div。您可以轻松使用jQuery / JS，但由于您不希望这样做，因此建议您根据自己计划更改“ hello”的可见性，尝试使用CSS combinators和the checkbox hack进行一些技巧“。

Answer 2

该选项在CSS中尚不存在。
当选择器4可用时，您可以按照以下方式进行操作：

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

但是到目前为止，您只能使用javascript