代码之家 › 专栏 › 技术社区 › user259752

我上一个孩子选错了吗?

jquery-selectors css jquery javascript

user259752 · 技术社区 · 14 年前

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

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

我想要的是改变#容器背景图像的最后一个子级,并且不重复

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

1 回复 | 直到 12 年前

BoltClock Alan H. 12 年前

你想要这个:

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

#container:last-child 意思是你在找 #container 它是元素的最后一个子元素, 最后一个孩子属于 #容器 .

#container > :last-child 另一方面,指的是作为元素。

二者都 背景图像和同一行中的重复值,需要使用速记 background

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

推荐文章

YunusoviÄ · 我无法用css更改html段落颜色

1 年前

Blake · 无法使用CSS旋转Angular 15中的字体图标

1 年前

Maarten -Monica for president · 将图像放在锚点标记内时调整网格中的图像大小

1 年前

Phil Lucks · 如何制作边界的外半径?

1 年前

roy_meir · 创建自定义下拉式元素

1 年前

Community wiki · 如何为触摸设备优化网站

1 年前

Paras Chandravanshi · 为什么<ul>没有从其父<p>元素继承?

1 年前

tpetzoldt · 如何在有光泽的情况下抑制图像的抗锯齿?

1 年前

boyenec · 反应如何将css样式应用于我从api respose获得的页面的spcifc部分

1 年前

manofconstsorrow · 点击导航项目关闭汉堡菜单

1 年前