天天課堂--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漏选情况 娱网棋牌完整版下载 2020香港开奖记录结果 小说 最笨最赚钱的炒股方法 陕西快乐十分今天开奖表 平码三中三准确料公开 股票配资怎么接代理 本人自创一肖公式规律 大嘴棋牌官方 网络百家乐 今日京东方a股票走