如果另一个类前面有一个带有特殊类的div，则在另一个类中设置类的样式

Question

我想为Class3之后的Class2内部的Class1编辑CSS样式。

但是我只想编辑Class1里面有specialClass的样式，就像这样：

<div class="class1">
    <div class="specialClass"></div>
</div>
<div class="class2">
    <span class="class3"></span>
</div>

我尝试过此方法，但不起作用：

.class1 .specialClass ~ .class2 .class3 {}

这甚至可能吗？如果是，有人可以向我解释我的错误吗？

Answer 1

$(function(){
	if($('.class1').find('.specialClass').length > 0){
    	$('.class3').css("background-color", "yellow");
  }
})

div{
  width: 100px;
  height: 100px;
  border: 1px solid black;
}
span{
  padding-left: 50px;
  border: 1px solid red;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="class1">
    <div class="specialClass"></div>
</div>
<div class="class2">
    <span class="class3"></span>
</div>