css child选择器有哪些?

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

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

【推荐教程:CSS视频教程

css child选择器

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

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

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

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

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

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

以上就是css child选择器有哪些?的详细内容,更多请关注php中文网其它相关文章!

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