天天课堂--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标签