老师,代码中的这段可以解释一下吗?

来源:11-2 编程练习

爱吃夜宵的前端Student

2020-06-15 00:23:14

div:not(:nth-of-type(2)) {

        width: 500px;

        height: 100%;

        background-color: #a0e4ff;

        margin: 0 auto;

    }



写回答

1回答

好帮手慕星星

2020-06-15

同学你好,问题解答如下:

1、:nth-of-type(n)选择器匹配同类型中的第n个同级兄弟元素

2、:not(selector) 选择器匹配非指定元素/选择器的每个元素。

div:not(:nth-of-type(2))代码的意思是选择除了第二个div元素之外的div元素。例如

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

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

不过当前练习中只有一个div元素,不写这么复杂,直接写div也是可以的。

祝学习愉快!

0

0 学习 · 40143 问题

查看课程