Html 如何仅选择一个';当两者都在同一ID内时,是否不在链接内?

Html 如何仅选择一个';当两者都在同一ID内时,是否不在链接内?,html,css,Html,Css,我有一些无法更改的代码,如下所示: <div id="wombat"> <a href=""><img src="a"></a> <img src="b"> </div> $("#wombat").children("img[src=b]") 我只想瞄准img b#袋熊img{blah}正在得到这两个。我知道#袋熊a img只针对img a,但有没有办法只针对img b 谢谢大家! 使用直系后代组合器

我有一些无法更改的代码,如下所示:

<div id="wombat">
    <a href=""><img src="a"></a>
    <img src="b">
</div>
$("#wombat").children("img[src=b]")

我只想瞄准img b#袋熊img{blah}正在得到这两个。我知道#袋熊a img只针对img a,但有没有办法只针对img b


谢谢大家!

使用直系后代组合器
以直接位于div内部的图像为目标:

#wombat > img { ... }

如果img始终是div的孩子,那么
#wombat>img


如果您不知道它在div中的深度,但它不应该位于
a
下,则需要使用JS。

您可以使用同级运算符或子代运算符,具体取决于您想要实现的目标:

#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 */
}
见:

  • ~
  • +
    • 试试这个

      #wombat img[src="a"].
      

      我想这对你有帮助。

      是的,这很简单,你可以这样做:

      <div id="wombat">
          <a href=""><img src="a"></a>
          <img src="b">
      </div>
      
      $("#wombat").children("img[src=b]")
      

      这里要求的是html和css,而不是JQueryOne。除非这在css中也能起作用:
      #wombat img[src=“b”]
      ,但我从不使用图像路径作为选择器;(如果图像发生变化会发生什么情况?);顺便说一句,对于这样简单的任务,即使您使用JS,也不需要合并jQuery或其他库,因为这可以通过简单的JS来完成:
      document.querySelectorAll(“#wombat img[src=“b”]”),请参见:我只是在给定场景中达到了他的目的。