您现在的位置是:网站首页> 编程资料编程资料
CSS first-chjld伪类属性匹配一个序列的第一个元素盘点CSS Selectors Level4中新增的选择器css选择器设置标签样式的实例代码使用CSS属性选择器来拼接HTML的DNA的方法CSS中的属性选择符和结构化伪类css对边框的属性控制和链接的伪类选择器-CSS教程-网页制作-网页教学网css选择器四大类:基本、组合、属性、伪类
2023-10-26
171人已围观
简介 :first-child伪类用于匹配一个序列的第一个元素,主要用它来实现一个序列的第一个元素或最后一个元素的上(下)边框,下面有个不错的示例,感兴趣的朋友不要错过
:first-child伪类用于匹配一个序列的第一个元素。我们经常用它来实现一个序列的第一个元素或最后一个元素的上(下)边框,如:
ul:nth-last-of-type(3) {
border: 1px solid black;
}
但是我要选择的是页面的第一个div,其他的div忽略,那该怎么办呢?
body>div:first-child{
background:#30C !important;
}
注意:div要是body下的第一个节点,前面不能有任何元素。
兼容浏览器:IE7+、Firefox、Chrome、Safari、Opera
怎样在IE6中实现该效果呢?
复制代码
代码如下:ul:nth-last-of-type(3) {
border: 1px solid black;
}
但是我要选择的是页面的第一个div,其他的div忽略,那该怎么办呢?
复制代码
代码如下:body>div:first-child{
background:#30C !important;
}
注意:div要是body下的第一个节点,前面不能有任何元素。
兼容浏览器:IE7+、Firefox、Chrome、Safari、Opera
怎样在IE6中实现该效果呢?
相关内容
- 雷霆战机 用烧饼刷金币方法攻略_手机游戏_游戏攻略_
- 天天炫斗 钻石副本怎么玩 钻石副本进入的方法_手机游戏_游戏攻略_
- 微信/QQ天天炫斗区服介绍 内测期间国服开启_手机游戏_游戏攻略_
- 天天炫斗签到活动介绍 每日签到送钻石和金币_手机游戏_游戏攻略_
- 雷霆战机进阶攻略 轻松获得紫色战机_手机游戏_游戏攻略_
- QQ天天炫斗祈福可获得物品奖励以及价格介绍_手机游戏_游戏攻略_
- 天天酷跑刷分刷钻3月21日破解版下载地址_手机游戏_游戏攻略_
- 雷霆战机融合核弹怎么样_雷霆战机融合核弹属性介绍说明_手机游戏_游戏攻略_
- 雷霆战机高能电浆炮怎么样_雷霆战机高能电浆炮属性介绍说明_手机游戏_游戏攻略_
- 雷霆战机钢铁守卫怎么样_雷霆战机钢铁守卫属性介绍说明_手机游戏_游戏攻略_
