多个子元素的CSS选择器

多个子元素的CSS选择器可以使用空格、>、+ 或 ~ 来表示不同的关系。

1. 空格：表示后代元素，即选择所有被选择器指定的元素的子元素。例如：

.parent .child {
  color: red;
}

这个选择器会选择所有 .parent 元素的子元素中的 .child 元素，并将它们的颜色设置为红色。

1. >：表示直接子元素，即选择所有被选择器指定的元素的直接子元素。例如：

.parent > .child {
  color: red;
}

这个选择器会选择所有 .parent 元素的直接子元素中的 .child 元素，并将它们的颜色设置为红色。

1. +：表示相邻的兄弟元素，即选择紧邻被选择器指定的元素的兄弟元素。例如：

.prev + .next {
  color: red;
}

这个选择器会选择紧邻 .prev 元素的 .next 元素，并将它们的颜色设置为红色。

1. ~：表示所有的兄弟元素，即选择所有被选择器指定的元素之后的兄弟元素。例如：

.prev ~ .next {
  color: red;
}

这个选择器会选择所有在 .prev 元素之后的 .next 元素，并将它们的颜色设置为红色。

总之，在多个子元素的CSS选择器中，可以使用不同的关系来选择元素，以实现不同的样式效果。