使用通用同级选择器（〜）对焦点进行输入的样式同级？

Question

当我专注于输入元素时，如何设置输入之前的标签元素的样式？

采用以下代码：

label {
  background: red;
}

input[type="text"]:focus ~ label {
  background: blue;
}

<div>
  <label>Hello World</label>
  <input type="text">
</div>

关于输入的焦点，我想使用通用的同级选择器（'〜'）更改前面的label元素的样式。我在做什么错了？