nth-of-type | nth-child区别

<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)：表示ul下的第二个元素是li则选择，否则没找到