html四个伪类使用的效果,详解如何使用CSS3伪类选择器：nth-child()【原创】

CSS3的出现无疑给前端开发人员带来了巨大的优势，今天我们着重介绍CSS3中一个新出现的强大伪类选择器：nth：child()；为了方便大家理解，我今天会通过展示曾经做过的项目页面，让大家直观清晰的了解这一伪类选择器的功能和使用技巧

1.首先大家了解下该伪类的语法法：       ：nth-child(an+b)

ps:可惜的是该伪类选择器不支持ie浏览器，当要兼容ie浏览器的时候，我们只有每一个li给它们添加类名了

2.这是我们要实现的页面效果

步骤一：

先写好html代码

• APP设计

• 网页设计

• 交互设计

• LOGO设计

• VI设计

步骤二：

添加样式

.topone-ul {

margin: 0 auto;

margin-top