Css 以列表中的所有子图像为目标

我正在尝试以下面的html代码中的所有图像标记为目标：

<ul id = "test">
    <li><a href="#"><img src="img/example1.jpg">EXAMPLE TEXT 1</a></li>
    <li><a href="#"><img src="img/example2.jpg">EXAMPLE TEXT 2</a></li>
    <li><a href="#"><img src="img/example3.jpg">EXAMPLE TEXT 3</a></li>
</ul>

编辑：nav LIA img{}也不会影响图像元素。如果我给每个img一个类，那么我可以让css正常工作，但是我应该能够在图像上不使用类的情况下瞄准目标

如何错误地使用子选择器

答：没关系，我上面的原始CSS确实有效。我的代码有一个看不见的字符把一切都搞乱了

正如您在fiddle上看到的，它应该与以下css一起工作：

ul#test>li>a>img{
   margin-right: 10px;
}

正如您在fiddle上看到的，它应该与以下css一起工作：

ul#test>li>a>img{
   margin-right: 10px;
}

---

这使李安的形象更加生动

---

这使李安的形象更加生动

---

似乎您没有正确关闭标签，请查找更新的代码

HTML

---

似乎您没有正确关闭标签，请查找更新的代码

HTML

---

test li a img{border:1px solid red}也尝试一下，似乎您没有关闭，因此您的css可能没有关闭applying@PravinVaichal我也尝试过这个方法，但它对图像没有任何影响您没有正确关闭li标记。不过，我怀疑这会影响你的CSS。请尝试检查此处的标记抱歉，我修复了标记错误。问题仍然存在于css targetingtest li a img{border:1px solid red}尝试一下这一点，您似乎没有关闭，因此您的css可能没有关闭applying@PravinVaichal我也尝试过这个方法，但它对图像没有任何影响您没有正确关闭li标记。不过，我怀疑这会影响你的CSS。请尝试检查此处的标记抱歉，我修复了标记错误。问题仍然在于css目标

#test li a  img{
    margin-right:  100px;
}

<ul id="test">
    <li><a href="#"><img src="img/example1.jpg" />EXAMPLE TEXT 1</a></li>
    <li><a href="#"><img src="img/example2.jpg" />EXAMPLE TEXT 2</a></li>
    <li><a href="#"><img src="img/example3.jpg" />EXAMPLE TEXT 3</a></li>
</ul>

#test li a img {
    /*css code*/
    border:1px solid red;
}

#test {
  position:relative;
}
#test li{
  list-style: none;
  padding:5px 15px;
}
#test li img{
  float:left;
  margin-right:15px;
}