独生子 :only-child

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

:only-child 可以选择父元素里的独生子,也就是没有兄弟元素的元素,这个选择器的功能和 :first-child:last-child 这个选择器的功能是一样的 … 或者也可以使用 :nth-child(1):nth-last-child(1) …

:only-child 这个选择器是它们的一个简单形式 … 也就是选择的元素即是父元素里的第一个子元素,也是最后一个子元素 ….

另外,还有一个 :only-of-type 伪类  … 它可以用来选择一个类型的独生子 … 就是被选择的元素可能有兄弟 … 但是它的兄弟们跟它都不是一个类型的 …

这个选择器和 :first-of-type:last-of-type 组合在一起用是一样的 … 也可以使用 :nth-of-type(1):nth-last-of-type(1) .. 它们都可以选择父元素里某个类型的独生子元素 …

独生子 :only-child《 CSS:选择器 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点