多语言展示
当前在线:1825今日阅读:2今日分享:38

GIF动态图教学-CSS3语言7-伪类选择器(实例)

方法/步骤
1

:first-child伪类选择器,表示第叮英针一项。li:first-child,表示应用所有ul列表下的第一项li标记样式。

2

:last-child伪类选择器,表示最后一项。li:last-child,表示应败政用所有ul列表下的最后一项li标记样式。

3

:nth-child(n)伪类选择器,表示对应项,n是1表示第一项,n是2表示第二项。li:nth-child(2),表示应用所有ul列表下的第二项li标记样式。

4

li:nth-child(n+3),表示应用所有ul列表下,从第三项开始应用到最后一项。肥茄

5

li:nth-child(-n+3),表示应用所有ul列表下,从第三项开始应用到第一项。

注意事项
1

按住Ctrl键+鼠标滚动滑轮可以放大网页更清楚查看gif动态图。

2

因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。

推荐信息