╋艺 镇╋╋网站网络|程序语言|Flash╋┣◇网站建设&Web语言 → css第一个元素


  共有18492人关注过本帖树形打印复制链接

主题:css第一个元素

美女呀,离线,留言给我吧!
admin
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信 司令 亲民勋章
等级:管理员 帖子:3027 积分:27521 威望:0 精华:7 注册:2003/12/30 16:34:32
css第一个元素  发帖心情 Post By:2015/1/6 11:22:05 [显示全部帖子]

 

在做网页的JS特效时,CSS的隐藏和显示是被经常使用的,通常是让一组标签全部隐藏,让组元素的第一个标签作为默认并显示,那就要用到css中的伪类选择器。

CSS的伪类选择器有很多种,在这里只讲解CSS中如何定义一组标签中的第一个元素。

定义标签的第一个元素使用“first-child”关键字

语法:选择器:first-child{}

HTML代码:<ul><li>第一项</li><li>第二项</li><li>第三项</li></ul>

CSS代码:ul li:first-child{    color:red;}

以上的代码中,第一个li标签的文字内容“第一项”会变成红色,实现这个功能,这个功劳全归first-child所有,是不是很简单!


http://jingyan.baidu.com/article/aa6a2c14d6187a0d4d19c454.html



  
“艺镇”官方站:www.zyzsky.com QQ群:1221854  回到顶部