CSS学习的第三天-结构伪类选择器
【摘要】 结构伪类选择器（即给元素增加一些限制条件）1.1选中某一元素下的第一个X元素 eg：ul li：first-child{XXX}即选中ul下的第一个li元素1.2选中某一元素下的最后一个X元素 eg：ul li：last-child{XXX}即选中ul下的最后一个li元素1.3通过定位父级元素来选中某一元素 eg：ul：nth-child(1){XXX}即通过选中ul的父级元素，选中其父级元...
结构伪类选择器（即给元素增加一些限制条件）
1.1选中某一元素下的第一个X元素 eg：ul li：first-child{XXX}即选中ul下的第一个li元素
1.2选中某一元素下的最后一个X元素 eg：ul li：last-child{XXX}即选中ul下的最后一个li元素
1.3通过定位父级元素来选中某一元素 eg：ul：nth-child(1){XXX}即通过选中ul的父级元素，选中其父级元素下的第一个元素，而且是ul标签（必须是当前元素，如果第一个不是当前元素，则无法生效，不好用，容易影响）
1.4通过定位父级元素来选中某类元素的第几个 el：ul-nth-of-type(1){XXX}即通过选择ul的父级元素，选中其父级元素下的所有ul元素中的一个ul元素
【声明】本内容来自华为云开发者社区博主，不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息，否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）