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

Posted caixingmin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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,不容易出问题。

以上是关于7.nth-of-type | nth-child?CSS的主要内容,如果未能解决你的问题,请参考以下文章

nth-child的用法

:nth-child

CSS中:nth-child的用法

CSS3 伪类选择器 :nth-child()

CSS3 nth-child()选择前几个元素

CSS3 nth-child()选择前几个元素