div:nth-of-type(n) //父级元素下的第n个div元素
div:nth-child(n) //父级元素下的第n个元素
举个例子()
代码如下:
<div class="box">
<div>1</div>
<div>2</div>
<p>3</p>
<p>4</p>
<div>5</div>
<div>6</div>
</div>
上面代码中
div:nth-of-type(3) 获取的是<div>5</div>
而div:nth-child(3)获取的是<p>3</p>
时间: 2024-11-08 02:22:23