返回列表2015.11.15

CSS選擇器 nth-child 應用

詳解CSS中:nth-child的用法


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


下面我將用幾個典型的實例來給大家講解:nth-child的實際用途:


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


:nth-child(2)選取第幾個標簽,“2可以是你想要的數字”


:nth-child(n+4)選取大于等于4標簽,“n”表示從整數,下同


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


:nth-child(2n)選取偶數標簽,2n也可以是even


:nth-child(2n-1)選取奇數標簽,2n-1可以是odd


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


:last-child選取最后一個標簽


:nth-last-child(3)選取倒數第幾個標簽,3表示選取第3個


河北十一选五开奖控 澳彩足球赔率即时赔率 七牛娱乐游戏 国标麻将解析 开梦幻工作室如何赚钱 云鼎彩票网址 赚钱不给老公属于家暴 河南快三 像素牧场物语后期赚钱 快乐时时彩 指数足球指数北京单场 hao123导航如何赚钱 雷速体育比分直播篮球 到超市卖肉赚钱吗 胜分差 手机种植赚钱的软件 北京赛车