分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

css3结构伪类选择器first-child,last-child,nth-child(),nth-last-child()

发布时间:2023-09-06 02:27责任编辑:林大明关键词:选择器

1  element:first-child 选择属于其父元素的首个子元素的element元素

注意:div:first-child 必须是其父元素下面的第一个子元素且必须是div元素才能匹配的到

匹配结果:

2  同理:element:last-child 指定其父元素的最后一个子元素的element元素

注意:div:last-child  代表其父元素的最后一个元素一定是div才能匹配到

3    :nth-child(n) 选择器匹配属于其父元素的第N个子元素

匹配结果

4, :nth-last-child(n)  匹配属于其父元素的第N个子元素(从后往前)

5,   only-child 匹配属于其父元素的唯一子元素

css3结构伪类选择器first-child,last-child,nth-child(),nth-last-child()

原文地址:https://www.cnblogs.com/xubj/p/10148537.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved