Html 为什么：第N个儿童适用于儿童的儿童？

.从wr开始弯曲的是一个有4个孩子的a，应该改变他们在移动设备上的顺序。这是正常工作，但其中一个孩子也有孩子，同样的代码也适用于他们。为什么会发生这种情况？我如何防止这种情况？

如果您不想将规则应用于孙子辈，可以使用

children操作符：

@媒体屏幕和（最大宽度：500px）{
.flexed form wr>：第n个子项（1）{顺序：1；}
.flexed form wr>：第n个子项（2）{顺序：3；}
.flexed form wr>：第n个子项（3）{顺序：2；}
.flexed form wr>：第n个子项（4）{顺序：4；}
}

为什么会发生这种情况？

---

：nth-child（）

选择器选择父级和子级的第n个子级的所有子级。

如果不希望将规则应用于子级，可以使用

子级运算符：

@媒体屏幕和（最大宽度：500px）{
.flexed form wr>：第n个子项（1）{顺序：1；}
.flexed form wr>：第n个子项（2）{顺序：3；}
.flexed form wr>：第n个子项（3）{顺序：2；}
.flexed form wr>：第n个子项（4）{顺序：4；}
}

为什么会发生这种情况？

---

：nth-child（）

选择器选择父项和子项的第n个子项的所有子项。

您可以发布html代码吗？或者试着在这里使用

..flexed form wr>：n子项（1）“为什么会发生这种情况”-为什么不应该发生？一个孩子的孩子，本身仍然是孩子。你能发布你的html代码吗？或者试着在这里使用

..flexed form wr>：n子项（1）“为什么会发生这种情况”-为什么不应该发生？一个孩子的孩子，本身就是一个孩子。

@media screen and (max-width: 500px) {
  .flexed-form-wr :nth-child(1) { order: 1; }
  .flexed-form-wr :nth-child(2) { order: 3; }
  .flexed-form-wr :nth-child(3) { order: 2; }
  .flexed-form-wr :nth-child(4) { order: 4; }
}