CSS child 选择器有哪些? 下面本篇文章来给大家介绍一些 CSS child 选择器. 有一定的参考价值, 有需要的朋友可以参考一下, 希望对大家有所帮助.
:first-child 匹配其父元素中的第一个子元素.
例: 指定只有当 < p > 元素是其父级的第一个子级的样式.
p:first-child
:only-child 匹配属于父元素中唯一子元素的元素.
例: 选择每个 p 元素是其父级的唯一子元素
p:only-child
:nth-child(n) 匹配父元素中的第 n 个子元素, 元素类型没有限制.
n 可以是一个数字, 一个关键字, 或者一个公式.
例: 选择每个 p 元素是其父级的第二个子元素
p:nth-child(2)
:nth-last-child(n) 匹配属于其元素的第 N 个子元素的每个元素, 不论元素的类型, 从最后一个子元素开始计数.
n 可以是一个数字, 一个关键字, 或者一个公式.
例: 选择每个 p 元素的是其父级的第二个子元素, 从最后一个子项计数
p:nth-last-child(2)
:last-child 用来匹配父元素中最后一个子元素.
例: 选择每个 p 元素是其父级的最后一个子级
p:last-child
说明: p:last-child 等同于 p:nth-last-child(1).
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/css3/16551.html