css - 这有什么问题

Question

这段代码有什么问题？？选中按钮时，我尝试将跨度涂成红色，但这对我不起作用

Answer 1

尝试这个：

首先span：

input:checked ~ span:first-of-type {
  color: red;
}

input:checked ~ span:first-of-type {
  color: red;
}

<input type="checkbox" name="">Click
<br><span>mohammedSerwan</span>
<br><span>Mohammed2</span>

对于所有人来说，请span使用~：

input:checked ~ span {
  color: red;
}

input:checked ~ span {
  color: red;
}

<input type="checkbox" name="">Click
<br><span>mohammedSerwan</span>
<br><span>Mohammed2</span>