[分享]css取两个元素之间

CSS取两个元素之间的方法：

#element1 ~ #element2 {
    /* styles for the element between element1 and element2 */
} 

说明：

在CSS中，我们可以使用波浪线（~）选择器来选取两个元素之间的元素。该选择器的语法是在具有 id 属性的元素之后使用波浪线再加上另一个元素的 id，即 #element1 ~ #element2。这将选取在 #element1 和 #element2 之间的所有元素。

这对于我们需要对一组元素套用样式时非常有用。例如，在一个列表中，我们可能想要对第二个到第五个元素之间的元素设置不同的样式。我们可以为每个单独的元素设置样式，但这将变得非常繁琐。相反，我们可以使用 #element2 ~ #element1 选择器来一次性选择这些元素：

li:nth-child(n+2):nth-child(-n+5) {
    /* styles for li elements between the 2nd and 5th elements */
} 

注意：

请注意，~ 选择器仅选择两个元素之间的元素，而不包括这两个元素本身。如果要包括这两个元素，请使用 + 选择器，它选择紧接在另一个元素之后的元素。例如，#element1 + #element2 将只选择 #element2，并不会选中 #element1。