为什么div:nth-last-child(2)显示效果不对呢
来源:2-32 结构类(其它)
能量咕噜略略
2020-03-31 22:49:27
<!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>
正常情况,0-3也是红色呀...不是从下往上数第2个吗?
5回答
好帮手慕言
2020-04-01
同学你好,应该是插件的问题,同学可以不使用live server插件再测试下。
如果还有其他疑问,建议在问答区重新提问,便于同学后期查找总结。祝学习愉快~
能量咕噜略略
提问者
2020-04-01
我用了vscode里面的live server插件,显示结果就不对了,不知道是不是插件有bug
好帮手慕言
2020-04-01
同学你好,使用同学提供的代码,在谷歌浏览器测试结果如下:
同学是使用的什么浏览器测试的呢?测试的结果是什么呢?是使用同学提问的这段代码测试的吗?可以详细的描述下,老师帮助解答。
祝学习愉快~
能量咕噜略略
提问者
2020-04-01
但是我的页面没法显示0-3是红色的呀
好帮手慕言
2020-04-01
同学你好,测试同学提供的代码,效果如下:
0-3是红色字体。如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题