7.nth-of-type | nth-child?【CSS】

举例说明： 

<ul> <p>111</p> <span>222</span> <li>1</li> <li>2</li> <li>3</li> </ul> 

li:nth-of-type(2):表示ul下的第二个li元素 

li:nth-child(2)：表示既是li元素又是在ul下的第二个元素（找不到）。 

建议一般使用nth-of-type，不容易出问题。

转载于:https://www.cnblogs.com/Caixingmin/p/11249997.html