关于反人类的css的反人类设计（总结）

1.nth-child  nth-child（） ：括号选择的是针对与父级的自己的第几个 下面就是 4，5

2.line-height: 0;                    文字不在正常标签设置里面跑出去了

3.display:none                  使用js操作需要加一个延迟100（ms）才能正常

(一) nth-child

HTML部分

<div class="wuFeng">
    <img src="img/4.png">
    <img src="img/5.png">
    <img src="img/4.png">
    <div>1</div>
    <div>2</div>
</div>

css部分

      .wuFeng div:nth-child(1){

               font-size: 14px;

}

看写法像是选择到了 第一个div 其实是什么也没效果正确的写法

       .wuFeng div:nth-child(4){

               font-size: 14px;

}

.wuFeng div:nth-child(4)  ：这个对应上发HTML的<div>1</div>

.wuFeng div:nth-child(5)：这个对应上发HTML的<div>2</div>

（二）line-height: 0;

如果你在给HTML写 标签加文字内容发现写进去的内容不在你的标签里 比如溢出 或 跑出

那么就是line-height: 0;搞得他会自动继承父级得行高，所以你给0就会恢复本身得样子

（三）

原生js操作显示隐藏，肯定会发现你想加的css的东西都没有显示 这是因为要加一个延迟100（ms）的计时器加载一下

但是jquery的方法已经完美解决  

$("#yin").slideDown(1000)：  显示1秒内执行完毕 这1000可以不写

$("#yin").slideUp(1000)：   隐藏1秒内执行完毕 这1000可以不写