html - n-child和n-last孩子

我在这里有一个有趣的情况，3个例子

1 - 这是所有人的默认值，由以下CSS覆盖。

div {
    width: 100%;
    background: orange;
}

<body>
    <div/>
</body>

2 - 这个没说，如果我是小孩1，我从最后一个孩子起2岁，那么加上这个班，如果我是第二个孩子，我是最后一个孩子，加上这个班。

div:nth-child(1):nth-last-child(2),
div:nth-child(2):nth-last-child(1) {
    width: 49%;
    background: green;
}

<body>
    <div/>
    <div/>
</body>

3 - 示例3按照书面形式执行，它注意到确实有3个div，并为div正确分配正确的宽度。

div:nth-child(1):nth-last-child(3),
div:nth-child(2):nth-last-child(2),
div:nth-child(3):nth-last-child(1) {
    width: 33%;
    background: purple;
}

<body>
    <div/>
    <div/>
    <div/>
</body>

我错过了什么？

n-child和n-last孩子

0 个答案: