我有这段代码:
.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 来让它工作?
最佳答案
如果你使用
.someclass img{
width: 143px;
height:143px;
}
它将应用于 .someclass div 中的所有图像
如果你只想要包裹在 someclass div 内的 a 标签中的那些,请使用
.someclass a img{
width: 143px;
height:143px;
}
关于html - 如何将类应用于元素下的 img 元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39223186/