nth-child的使用

<div id="BorderOne">

     <span>1</span>

     <span>2</span>

     <span>3</span>

</div>

 

#BorderOne span:nth-child(1){}

#BorderOne span:nth-child(2){}

#BorderOne span:nth-child(3){}

 nth-of-type(2)的使用

<div class="div1">

　　<ul>

　　　　<li></li>

　　　　<li></li>

　　　　<li></li>

　　</ul>

</div>

样式则为:

　　.div1>ul>li:nth-of-type(2){

　　　　　　写样式即可

　　　}

 

 

 

---

margin-right:none等

在一个大的div里嵌套一个div使其居中可用以下css样式给第二div设置

divTwo{margin-right:atuo;margin-left:auto}自己可根据实际情况外加padding