Css 选中复选框时如何更改img样式？

这是我的密码

<div class="itemTaskUser">
  <input type="checkbox" name="users" id="user0" style="display: none">
  <label for="user0" class="checkbox-inline">
  <div>Rodolphe</div>
  <img src="rodo.jpg" class="avatar32" >
  </label>
</div>

选中复选框时，标签为绿色：良好

但与形象无关

---

有线索吗？

问题代码的问题在于

标签是
输入的相邻同级，而不是
img
，因此第二个选择器没有选择任何元素

+
是用于选择DOM中引用元素旁边的元素的。这里，
标签
是
输入
（参考元素）的直接同级，而
img
是标签
的子元素，因此，使用
input:checked+label img
将选择
img
，它是
标签的后代，而标签又是选中输入的相邻同级


输入：选中+标签{
颜色：绿色；
字体大小：粗体；
}
输入：选中+标记img{
边框：2倍纯绿；
宽度：64px；
}

鲁道夫
问题代码的问题在于
标签是
输入的相邻同级，而不是
img
，因此第二个选择器不选择任何元素

+
是用于选择DOM中引用元素旁边的元素的。这里，
标签
是
输入
（参考元素）的直接同级，而
img
是标签
的子元素，因此，使用
input:checked+label img
将选择
img
，它是
标签的后代，而标签又是选中输入的相邻同级


输入：选中+标签{
颜色：绿色；
字体大小：粗体；
}
输入：选中+标记img{
边框：2倍纯绿；
宽度：64px；
}

鲁道夫
我希望答案能帮助您解决问题。如果是，请考虑将其标记为“被接受”。我希望答案能帮助您解决问题。如果是，请考虑将其标记为“接受”。
input:checked + label {
    color:green;
    font-weight: bold;
}
input:checked + img {
    border:2px solid green;
    width: 64px;
}