为什么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插件再测试下。

如果还有其他疑问,建议在问答区重新提问,便于同学后期查找总结。祝学习愉快~

0

能量咕噜略略

提问者

2020-04-01

我用了vscode里面的live server插件,显示结果就不对了,不知道是不是插件有bug

0

好帮手慕言

2020-04-01

同学你好,使用同学提供的代码,在谷歌浏览器测试结果如下:

http://img.mukewang.com/climg/5e842cf00922f79c00770211.jpg

同学是使用的什么浏览器测试的呢?测试的结果是什么呢?是使用同学提问的这段代码测试的吗?可以详细的描述下,老师帮助解答。

祝学习愉快~

0

能量咕噜略略

提问者

2020-04-01

但是我的页面没法显示0-3是红色的呀

0

好帮手慕言

2020-04-01

同学你好,测试同学提供的代码,效果如下:

http://img.mukewang.com/climg/5e83ff23090ed3cd01710289.jpg

0-3是红色字体。如果我的回答帮到了你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程