久久久精品国产免费看片_九九热日本在线视频_国产精品黄色网站_亚洲人妻在线播放视频

詳解CSS中:nth-child的用法

大家想必都接觸過css中一個(gè)不錯(cuò)的玩意，它就是“:nth-child”，可以輕松選取你想要的標(biāo)簽并給與修改添加樣式，是不是很給力。

下面我將用幾個(gè)典型的實(shí)例來給大家講解:nth-child的實(shí)際用途：

Tips：nth-child 在老版本瀏覽器下無法生效哦，如IE6\7\8。

:nth-child(2)選取第幾個(gè)標(biāo)簽，“2可以是你想要的數(shù)字”

:nth-child(n+4)選取大于等于4標(biāo)簽，“n”表示從整數(shù)，下同

:nth-child(-n+4)選取小于等于4標(biāo)簽

:nth-child(2n)選取偶數(shù)標(biāo)簽，2n也可以是even

:nth-child(2n-1)選取奇數(shù)標(biāo)簽，2n-1可以是odd

:nth-child(3n+1)自定義選取標(biāo)簽，3n+1表示“隔二取一”

:last-child選取最后一個(gè)標(biāo)簽

:nth-last-child(3)選取倒數(shù)第幾個(gè)標(biāo)簽,3表示選取第3個(gè)