为什么是0-3匹配上呀，不是0-2,这里是使用nth-last-of-type(2)
来源：2-32 结构类（其它）
能量咕噜略略
2020-03-31 22:54:54
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>nth-Last-of-type</title>
<style type="text/css">
/* div:nth-last-child(2) {
color: #f00;
} */
div:nth-last-of-type(2) {
color: #f00;
}
</style>
</head>
<body>
<div>0-1</div>
<section>
<div>1-1</div>
<div>1-2</div>
<div>1-3</div>
</section>
<div>0-2</div>
<div>0-3</div>
<section>
<div>2-1</div>
<div>2-2</div>
<div>2-3</div>
</section>
</body>
</html>
这里突然好乱呀，如果改成nth-last-child(2)，显示效果是2-2和1-2匹配，但是0-3没匹配，到底怎么回事呀，浏览器解析问题？我用的谷歌浏览器呀，和老师视频讲解的内容完全不一样了
1回答
-
好帮手慕粉
2020-04-01
同学你好，div:nth-last-of-type(2)是父元素下倒数第二个div，会被选中的意思，前提是子元素是div类型，所以选中的内容如下：
div:nth-last-child(2)是属于其父元素的第二个子元素的每个 div 元素，从最后一个子元素开始计数，所以选中的如下：
祝学习愉快~
0
相似问题