Html devtool中css元素中的最后一个子元素不工作也不显示

我不明白为什么会发生这种事。
这是我的密码

我在CSS中使用了

第一个孩子

和

最后一个孩子

。
但在最后一个子代中编写的代码不起作用。它也不会显示在开发工具样式部分中。
它只显示

section>div div

应该显示的

section>div div:last child

请帮我解决这个问题。
谢谢。

您应该删除花括号后的“分号”。分号仅用于分隔每个属性，但不应在花括号的末尾使用：

section > div > div:first-child{
    float: left;
    width: 30%;
    border-bottom-left-radius: 50%;
} /*Shouldn't have semicolon here */
section > div > div:last-child{
    background: #000;
    float: right;
    width: 70%;
} /*Shouldn't have semicolon here */

---

你有随机的

CSS中的s。此外，将
box size:border box
添加到
section>div>div:first child
和
section>div>div:last child
。接下来，删除HTML中
div
s之间的任何空格，以水平对齐
div
s

演示
HTML:
@chipChoclate.py:第二个div应具有以下背景：#555；它的宽度应该是70%“[我]不明白为什么会发生这种情况”-没有你的代码，我们也不会。
<section>
    <div><div></div><div></div></div>
</section>

section {
    position: relative;
    margin-right: 10em;
    float: right;
    width: 65%;
}
section > div div {
    border: 1px solid blue;
    height: 10em;
}
section > div > div:first-child {
    float: left;
    width: 30%;
    border-bottom-left-radius: 50%;
    box-sizing: border-box;
}
section > div > div:last-child {
    background: #555;
    float: right;
    width: 70%;
    box-sizing: border-box;
}