美文网首页
前端css nth-child

前端css nth-child

作者: 网恋被骗二块二 | 来源:发表于2022-01-27 13:20 被阅读0次

    /* 选择第n个,n位数字 */
    :nth-child(n)

    选择列表中的偶数标签
    :nth-child(2n)

    选择列表中的奇数标签
    :nth-child(2n-1)

    选择列表中的某个数倍数的标签,如
    :nth-child(5n)

    选择第1个到第m个标签
    :nth-child(-n+m){}

    选择第m个到最后一个标签
    :nth-child(n+m){}

    两者结合使用,可以限制选择某一个范围
    选择从第m2个起到第m1个范围内的标签
    :nth-child(-n+m1):nth-child(n+m2){}

    选择列表中的倒数第n个标签 n为数字
    :nth-last-child(n)

    原文链接:https://blog.csdn.net/idomyway/article/details/93921248

    相关文章

      网友评论

          本文标题:前端css nth-child

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