【CSS】子要素ホバー時に親要素にスタイルを適用する方法

以下のように記述ると子要素ホバー時に親要素に対してスタイルを適用できます。

<div>
  <button>ボタン</button>
</div>

div {
  background: white; 
  height: 100vh;
  width: 100%;
  text-align:center;
}

button {
  margin:80px auto;
  display: inline-block;
  padding: 20px 40px 20px 40px;
  color: aliceblue;
  font-weight: bold;
  background: #333;
}

div:has(button:hover){
  background: #0000ff;
}

上記の場合にはbuttonにホバーするとdivのbackgroundが青になります。