作者:zbdxyyj | 来源:互联网 | 2020-11-25 10:01
csschild选择器有5个,分别为:“:first-child”选择器、“:only-child”选择器、“:nth-child(n)”选择器、“:nth-last-child(n)”选择器、“:last-child”选择器。
css child选择器有5个,分别为:“:first-child”选择器、“:only-child”选择器、“:nth-child(n)”选择器、“:nth-last-child(n)”选择器、“:last-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社区 其它相关文章!