zoukankan      html  css  js  c++  java
  • CSS:nthchild选择器用法练习

    :nth-child()选择器,选择器选取父元素的第 N 个子元素,与类型无关。

    :nth-child(n)

    选择器匹配属于其父元素的第 N 个子元素,不论元素的类型。n 可以是数字、关键词或公式。

    :nth-child (an + b)

    描述:表示周期的长度,n 是计数器(从 0 开始),b 是偏移值。

    与之相似的选择器有 :nth-of-type(n)  选择器匹配属于父元素的特定类型的第 N 个子元素的每个元素。用法和:nth-child()相同。

    例如 :p:nth-of-type(3) 选取类型p的第3个子元素。

    利用:nth-child()选择器可以选择相应的标签进行样式添加,可以不用给标签添加ID和Class,以下是常用的例子:

    1、:nth-child(5)  选取第五个标签

    2、:nth-child(n+3)  选取大于等于3的标签

    3、:nth-child(-n+3)  选取小于等于3的标签

    4、:nth-child(2n)  选取偶数标签,等同于:nth-child(even)

    5、:nth-child(2n-1)  选取奇数标签,等同于:nth-child(odd)

    6、:nth-child(3n+1) 每隔两个元素选取一个

    7、:last-child  选取倒数第一个

    8、:nth-last-child(3)  选取倒数第三个

  • 相关阅读:
    ZOJ3414Trail Walk(计算几何)
    ZOJ-3410Layton's Escape(优先队列+贪心)
    爬虫之requests
    爬虫
    flsk-SQLALchemy
    flask--Wtform
    flask---信号
    flask-session
    单例模式
    Python-flask中数据库连接池DBUtils
  • 原文地址:https://www.cnblogs.com/liangdecha/p/9566407.html
Copyright © 2011-2022 走看看