3

我有一些无法更改的代码，如下所示：

<div id="wombat">
    <a href=""><img src="a"></a>
    <img src="b">
</div>

我只想针对 img b。#wombat img {blah} 得到了他们两个。我知道#wombat a img 只会针对 img a，但是有没有办法只针对 img b？

谢谢！

4

5 回答 5

6

您可以使用兄弟或后代运算符，具体取决于您要实现的目标：

#wombat > img {
    /* any images that reside directly below #wombat, without any more levels in between */
}

a ~ img {
    /* any image that follows as a sibling to an anchor */
}

a + img {
    /* an image that follows as direct sibling to an anchor */
}

看：

于 2013-10-25T13:47:34.323 回答
2

使用直接后代组合>器来定位直接在 div 内的图像：

#wombat > img { ... }
于 2013-10-25T13:45:47.610 回答
0

如果 img 始终是 div 的子元素，那么#wombat>img
如果你不知道它在 div 内部有多深，但它永远不应该在 下a，你将需要使用 JS。

于 2013-10-25T13:46:58.680 回答
0

试试这个。

#wombat img[src="a"].

我认为这对你有帮助。

于 2013-10-25T13:51:58.367 回答
0

是的，这很简单，你可以这样做：

$("#wombat").children("img[src=b]")
于 2013-10-25T13:53:45.670 回答