首页 >web前端 >css教程 >css child选择器有哪些?

css child选择器有哪些?

青灯夜游
青灯夜游原创
2020-11-13 16:46:135559浏览

css child选择器有5个,分别为:“:first-child”选择器、“:only-child”选择器、“:nth-child(n)”选择器、“:nth-last-child(n)”选择器、“:last-child”选择器。

css child选择器有哪些?

【推荐教程:CSS视频教程 】

css child选择器

:first-child,选取属于其父元素的首个子元素。例:p:first-child,选择属于父元素的第一个子元素的每个

元素。

:only-child,匹配属于其父元素的唯一子元素的每个元素。例:p:only-child,选择属于其父元素的唯一子元素的每个

元素。   

:nth-child(n) ,匹配属于其父元素的第 N 个子元素,不论元素的类型。例:p:nth-child(2),选择属于其父元素的第二个子元素的每个

元素。    

:nth-last-child(n),匹配属于其元素的第 N 个子元素的每个元素,不论元素的类型,从最后一个子元素开始计数。例:p:nth-last-child(2),同上,从最后一个子元素开始计数。    

:last-child,匹配属于其父元素的最后一个子元素的每个元素。例:p:last-child,选择属于其父元素最后一个子元素每个

元素。    

更多编程相关知识,请访问:编程入门!!

以上是css child选择器有哪些?的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn