CSS教程:last-child与:first-child使用教程

官方金沙娱乐赌场网站_赌博娱乐注册送18现金,刀呈弧形,作为刀的部分从由铜条环护的龙头刀柄处伸出,长长的像一条带鱼那样微微翘起来。,58娱乐城,碟片。“这个拷贝只有一份,所以不论是谁租走了我都知道他的名字,而那个人的名字叫马丁·斯科塞斯,我们俩是唯二租过这片

:first-child
选择元素的第一个元素
:last-child
选择元素的最后一个元素

举例

1、在一个导航条中每个导航项都有一个右边框效果,但最后一个不想要这个右边框,此时就可以使用“:last-child”。

#nav > li {
 ......
  border-right: 1px solid #ccc;
}
#nav > li:last-child {
  border-right: none;
}

当然你也可以让一个Li的背景颜色不同,如下

#nav > li {
 ......
  border-right: 1px solid #ccc;
}
#nav > li:first-child {
  border-right: none;
}

2、博客制作中,假设“post”中最后一段不需要底部“margin”值,代码如下:

.post > p:last-child {
  margin-bottom: 0;
}

3、改变最后一个段落 P 的背景颜色

p:last-child
{
background:#ff0000;
}

发布日期:

所属分类: Css/Html5 标签: