当子选择处于悬停、活动和聚焦状态时，更改父div的边框颜色

<div class="parent">
  <div class="child">子元素</div>
</div>

.parent {
  border: 1px solid #000; /* 默认边框颜色 */
}

.child:hover {
  /* 子元素悬停状态下的样式 */
  /* 可以通过关系选择器找到父div并更改其边框颜色 */
  /* 例如： */
  /* .child:hover + .parent { */
  /*   border-color: red; */
  /* } */
}

.child:active {
  /* 子元素活动状态下的样式 */
  /* 可以通过关系选择器找到父div并更改其边框颜色 */
  /* 例如： */
  /* .child:active + .parent { */
  /*   border-color: blue; */
  /* } */
}

.child:focus {
  /* 子元素聚焦状态下的样式 */
  /* 可以通过关系选择器找到父div并更改其边框颜色 */
  /* 例如： */
  /* .child:focus + .parent { */
  /*   border-color: green; */
  /* } */
}