nth-child 遇到的问题。。。

[BUappend]

<meta charset="UTF-8"> <meta content="width=device-width, initial-scale=1.0" name="viewport"> <title>Document</title> <style> .box1{ height: 500px; width: 500px; background-color: antiquewhite; display: flex; } .box1-1{ height: 100%; flex:3; } .box1-2{ height: 100%; flex:3; } .box1-3{ height: 100%; flex:4; } .box1 :nth-child(1){ background-color: blueviolet; } .box1 :nth-child(2){ width: 50px; height: 50px; } </style>

为啥 box5 会有 width:50px height:50px ？？？？

[BUappend]

怎么都一行了，，，，

[pianjiao]

换成 2n 看看