• 技术文章 >web前端 >css教程

    css child选择器有哪些?

    青灯夜游青灯夜游2020-11-13 16:46:13原创815

    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核实处理。
    专题推荐:css child选择器
    上一篇:css中什么是外部样式表? 下一篇:css中BEM命名规范是什么
    千万级数据并发解决方案

    相关文章推荐

    • css :first-child的作用是什么?• css中的流体布局是什么• css中如何给整个页面添加背景颜色• SenCSS是什么?• jquery选择器和CSS选择器的区别是什么?
    1/1

    PHP中文网