html - 如何将类应用于元素下的 img 元素

Question

我有这段代码:

.someclass > img {
  width: 143px;
  height: 143px;
}

<div class="someclass">
  <img src="http://i.imgur.com/wT188Qs.jpg">
  <a href="#">
    <img src="http://i.imgur.com/wT188Qs.jpg">
  </a>

第一张图片的大小调整为 143 像素，但第二张图片没有。我认为某个类下的所有 img 元素都会被设置样式，但似乎如果它们之间有另一个元素，那么它们就不会被设置样式。

我可以编写什么 css 来让它工作？

https://jsfiddle.net/8h0sh5jf/

Answer 1

如果你使用

.someclass img{
    width: 143px; 
    height:143px;
}

它将应用于 .someclass div 中的所有图像

如果你只想要包裹在 someclass div 内的 a 标签中的那些，请使用

.someclass a img{
    width: 143px; 
    height:143px;
}