天天看點

前端學習 --Css -- 子元素的僞類

:first-child 尋找父元素的第一個子元素,在所有的子元素中排序;

:last-child 尋找父元素的最後一個子元素,在所有的子元素中排序;

:nth-child 尋找父元素中的指定位置子元素,在所有的子元素中排序;

:first-of-type 尋找指定類型中的第一個子元素

:last-of-type 尋找指定類型中的最後一個子元素

:nth-of-type 尋找指定類型中的指定子元素

    可以使用even,來找到偶數的子元素

    可以使用odd,來找到奇數的子元素

demo:

效果圖:

前端學習 --Css -- 子元素的僞類