css第一个元素

 时间:2024-11-29 12:42:16

在做网页的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所有,是不是很简单!

热门搜索
珍爱生命手抄报内容 高中英语手抄报 清明节手抄报简单漂亮 无烟日手抄报 抗病毒手抄报图片 端午节手抄报内容30字 手抄报花边漂亮边框 普通话手抄报文字内容 春节手抄报图片大全简单又漂亮 战争手抄报