Javascript 我的上一个孩子有什么错误吗？

上面的代码不起作用，什么也没发生

$(function(){
   $("#mainContainer #container:last-child").css("background-image","url('/images/content-title.png') no-repeat")
})

上面的代码可以工作，但它会更改所有容器背景并重复-y.

不仅是最后一个孩子

我想要的是更改#容器背景图像的最后一个子项，并且不重复

我的html

$(function(){
   $("#mainContainer #container:last-child").css("background-image","url('/images/content-title.png')")
})

//宽度930px边距0自动
//高度500px测试背景重复-y
这里的动态内容

您想要这个：

<div id="mainContainer">//width 930px margin 0 auto
  <div id="container">//height 500px test background repeat-y
    dynamic content here
  </div>
</div> 

#container:last child

表示您正在查找

#container

，它是该元素的最后一个子元素，而不是

#container

的最后一个子元素

#container>：另一方面，最后一个子元素

指的是作为

#container

元素最后一个子元素的任何元素

为了在同一行中设置背景图像和重复值，需要使用速记

background

CSS属性。相反，如果你不想使用速记，你可以这样做：

$("#mainContainer #container > :last-child")
    .css("background","url('/images/content-title.png') no-repeat");

---

您的动态内容是由jQuery还是像PHP或ASP.NET这样的服务器语言生成的？如果它是在服务器端生成的，我们能看到它的样子吗？没关系，我已经放弃了lol…是由php生成的，我只是在页脚上再添加一个div。谢谢你回答我的问题

$("#mainContainer #container > :last-child")
    .css({
         "background-image": "url('/images/content-title.png')", 
         "background-repeat": "no-repeat"
    });