如何使用CSS选择图像

Question

This is my html:

<div id="content">
    <img src="myimg.png" alt="this image need to select"/>
    <div  class="some">
        <img src="another.png" alt="this is not need  to select"/>
    </div>   
</div>

I want to select all image which are inside id content but not which are inside the div or span of content div ie select all image directly inside the content div and not the ones that are inside the div or span of content div.

Any thoughts?

Answer 1

You can use > to select direct/immediate children of the div like this:

#content > img{
  // target direct children
}

Check out the demo here (the desired image is given blue border)

More Info:

• http://www.456bereastreet.com/archive/200510/css_21_selectors_part_2/

Answer 2

不是专家，但这应该可行-> div#content > img

Answer 3

you can write

#content > img {

}