1 回答
已采纳
qq_青枣工作室_0
TA贡献446条经验 获得超754个赞
有差别啊。
p:nth-child(n) 是第n个子元素（但是第n个子元素不一定能找到p标签）
p:nth-of-type(n) 是第n个p子元素（只找里面的p标签，而且是找到后的第n个p标签）
例如：
<!DOCTYPE HTML>
<style>
p:nth-child(2) {
background-color:red;
}
p:nth-of-type(2) {
background-color:green;
}
</style>
<div>
<span>span1</span>
<p>p1</p>
<p>p2</p>
</div>这里，div下的子元素既有span，又有p。第2个子元素，跟第2个子p元素，是不同的意思。
类似地，你想想，如果是p:nth-child(1)，就找不到p标签了。而 p:nth-of-type(1) 是能找到第一个p标签的。
- 1 回答
- 0 关注
- 1650 浏览
添加回答
举报
0/150
提交
取消