javascript - how to resize images inside a div inside another div with css? -

i want resize images in div specific class, inside other div other specific class. images inside div inside other div should not resized.

this works if want resize images inside classed div:

div.classname>img { width:something; }

but doesn't work:

div.classname2 > div.classname > img { width:something; }

markup

<div class="classname2">     <div class="classname">         <img>     </div> </div>

but can't refer inside class name.

so, make clear, need resize these images:

<div class="classname2">     <div class="classname">         <img>     </div> </div>

but not these:

<div class="classname">     <img> </div>

i feel css rule should work

div.classname2 > div.classname > img { width:something; }

does fiddle show you're trying illustrate? if so, perhaps have overriding css rules somewhere?

Brant