我的回答是基于我对你的要求的理解：

• 如果.div1后面跟着.div2，则.div1应为红色
• 否则.div1应为黄色

您可以只使用CSS来实现这一点，但前提是浏览器支持现代的:has selector：

.div1 {
  color: yellow;
}

/* Style div1 separately if it is followed immediately by .div2 */
.div1:has(+ .div2) {
  color: red;
}

这将适用于以下任何情况：

<div>
  <div class="div1"></div><!-- Appears red -->
  <div class="div2"></div>
</div>

<div>
  <div class="div1"></div><!-- Appears yellow -->
</div>

<div>
  <div>Any dummy element before</div>
  <div class="div1"></div><!-- Appears red -->
  <div class="div2"></div>
  <div>Any dummy element after</div>
</div>

<div>
  <div>Any dummy element before</div>
  <div class="div1"></div><!-- Appears yellow -->
  <div>Any dummy element after</div>
</div>

请参见下面的概念验证：
一个二个一个一个
如果你不想使用:has，你 * 可以 * 使用:only-child解决方案，但这只在.div1是元素的ONLY子元素时有效。如果你有任意的DOM元素出现在.div1之前或之后，这将不起作用：

.div1 {
  color: red;
}

.div1:only-child {
  color: yellow;
}

/* START: For presentation only */
.parentdiv {
  background-color: #333;
  color: #fff;
  padding: 1rem;
}
/* END: For presentation only */

<div class="parentdiv">
  <div class="div1">div1</div>
  <div class="div2">div2</div>
</div>

<hr />

<div class="parentdiv">
  <div class="div1">div1</div>
</div>