输入：选中前div需要更改相关文本的颜色

Question

每当选中此复选框时，我需要将<p>的颜色更改为红色（color:red;）：

input:checked~.txt {
  color: red;
}

<div>
  <p class="txt">CodePen!</p>
  <input type="checkbox" />
</div>

我希望得到的结果是，我们选中了需要将txt的颜色更改为红色的框。