美文网首页
伪类(:nth-child(n),:nth-last-child

伪类(:nth-child(n),:nth-last-child

作者: 白富美也在学代码 | 来源:发表于2022-06-22 10:18 被阅读0次

    注:N是自然数,从0开始(0,1,2,3,4,5,6,7......)

    :nth-child(n)--->父元素中的第N个子元素(图1)

    :nth-child(2n)-->父元素种的第2,4,6,8个等等,代表偶数,等同于:nth-child(even)(图2)

    :nth-child(2n+1)-->父元素的第1,3,5,7,9个等等,代表奇数,等同于 :nth-child(odd)(图3)

    :nth-last-child(n)-->父元素中的倒数第N个子元素(图4)

    :nth-last-child(1)-->代表倒数第一个子元素

    :nth-last-child(-n+2)-->代表最后2个子元素

    练习:图5

    图1 图2 图3 图4

    相关文章

      网友评论

          本文标题:伪类(:nth-child(n),:nth-last-child

          本文链接:https://www.haomeiwen.com/subject/tigyvrtx.html