Question

我有这段代码：

＆＃13;

set argv [list "a b c" foo bar 123]
set argc [llength $argv]
set argv0 theScript.tcl
source $argv0

＆＃13;

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

＆＃13;

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

我可以写什么css来使其正常工作？

https://jsfiddle.net/8h0sh5jf/

Answer 1

从班级名称

中删除>

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

>以父元素的直接子元素为目标，因此它仅调整直接子图像的大小。并且缺少div结束标记。

https://jsfiddle.net/8h0sh5jf/2/

Answer 2

只需删除css中的尖括号;

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

Answer 3

如果您使用

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

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

如果你只想要包含在someclass div中的一个标签中的那些

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

Answer 4

将您的CSS更改为：

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

使用> char它的意思是直接使用.someclass下的元素。因此，嵌套在img内的其他元素上的其他.someclass将不会被处理。

Answer 5

试试这个

＆＃13;

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

＆＃13;

   
<div class="someclass">

<img src="http://46.101.95.220/thumb/g1hE0pw.jpg">

<a href="#" >
<img  src="http://46.101.95.220/thumb/g1hE0pw.jpg">
</a>

</div>

＆＃13;

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

5 个答案: