私は要素

Question

の下にある要素をのimgするクラスを適用するにはどうすればよい私はこの作品コードしている：

.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>

最初のイメージは143pxにリサイズされますが、もう一つはしません。私はsomeclassの下にあるすべてのimg要素がスタイルになると思っていましたが、それらの間に別の要素があると、スタイル設定されないようです。

動作させるにはどのようなCSSを記述できますか？

https://jsfiddle.net/8h0sh5jf/

Answer 1

あなたは

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

を使用する場合は工ass divの使用

内部タグに包まれたものだけをしたい場合、それは.someclass divの

内のすべての画像に適用されます

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

Answer 2

>

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

クラス名から >を削除し、それが唯一の直接の子画像をリサイズされるように、親要素の直接の子を対象としています。 divの終了タグがありません。このように

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

Answer 3

変更あなたのCSS：

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

のみ直接.someclass下の要素を取り、その平均のchar >を使用。だから、他の要素に入れられたimg.someclassは処理されません。

Answer 4

CSSの角括弧を削除するだけです。

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

Answer 5

試してみる

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

 
<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>