HTML+；CSS修改单选按钮仅选择第一个单选按钮

我无法突出显示第二个单选按钮。正如您从我的尝试中所看到的，我试图更改名称/值和的组合。以一种形式和一种形式之外的形式进行试验。我被这段简单的代码难住了。有人能告诉我如何解决这个问题吗

CSS:

HTML部分：

  <label class="fb" for="fb3">
    <input id="fb3" type="radio" name="fb" value="med" />
    <img src="http://placehold.it/40x40/35d/fff&text=f">
  </label>

<label class="fb" for="fb3">
    <input id="fb3" type="radio" name="fab" value="mead" />
    <img src="http://placehold.it/40x40/35d/fff&text=f">
  </label>

---

我试过的JSBIN:

Ids必须是唯一的。尝试：

<form>
  <label class="fb" for="fb3">
    <input id="fb3" type="radio" name="fb" value="med" />
    <img src="http://placehold.it/40x40/35d/fff&text=f">
  </label>

<label class="fb" for="fb4">
    <input id="fb4" type="radio" name="fb" value="mead" />
    <img src="http://placehold.it/40x40/35d/fff&text=f">
  </label>
</form>

请注意，我还使您的单选按钮的名称相同

<form>
  <label class="fb" for="fb3">
    <input id="fb3" type="radio" name="fb" value="med" />
    <img src="http://placehold.it/40x40/35d/fff&text=f">
  </label>

<label class="fb" for="fb4">
    <input id="fb4" type="radio" name="fb" value="mead" />
    <img src="http://placehold.it/40x40/35d/fff&text=f">
  </label>
</form>