天天課堂--CSS中:nth-child的用法 - 建站學院 - 源碼網

源碼網歡迎您!

天天課堂--CSS中:nth-child的用法(2013-03-25)

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

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

注:還用低版本的IE瀏覽器的哥們請繞過!

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

1
.demo01 li:nth-child(2){background:#090}

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

1
.demo01 li:nth-child(n+4){background:#090}

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

1
關于本站  |  版權聲明 | 合作聯系 | 網站地圖 | 幫助中心 |  | XHTML/CSS
Copyright © 2004-2010 downcodes.com 程序支持:木翼 冀ICP備05003145號
本站誠招服務器贊助商
贵州11选5漏选情况