如何使用CSS选择图像

Question

这是我的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>

我想选择ID content内但不在div或span内content内的所有图像，即直接在content内选择所有图像{1}} div而不是内容div的div或span内的div。

有什么想法吗？

Answer 1

您可以使用>选择div的直接/直接子项，如下所示：

#content > img{
  // target direct children
}

Check out the demo here（所需图像为蓝色边框）

更多信息：

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

Answer 2

不是专家，但这应该有效 - ＆gt; div#content > img

Answer 3

你可以写

#content > img {

}