css 取所有相邻兄弟元素

在 CSS 中，我们可以使用相邻兄弟选择器（Adjacent Sibling Selector）来选取所有相邻的兄弟元素。相邻兄弟选择器由加号（+）来表示，用于选取紧跟在另一个元素后面的元素。

/* 选取紧跟在 #id1 元素后面的所有 p 元素 */#id1 + p {
    /* CSS 样式 */}

在上面的代码中，我们通过选择器#id1 + p来选取紧跟在#id1元素后面的所有p元素。这里的加号表示相邻兄弟选择器。

我们也可以选择所有相邻的兄弟元素，而不只是紧跟在某一个元素后面的元素。我们可以使用波浪号（~）来表示通用兄弟选择器（General Sibling Selector）。

/* 选取所有紧跟在 #id1 元素后面的 p 元素 */#id1 ~ p {
    /* CSS 样式 */}
    

在上面的代码中，我们通过选择器#id1 ~ p来选取所有紧跟在#id1元素后面的所有p元素。这里的波浪号表示通用兄弟选择器。

相邻兄弟选择器和通用兄弟选择器的使用非常灵活，可以用于选取多个兄弟元素并添加样式。此外，它们也可结合其他的 CSS 选择器一起使用，提高选择元素的精准度。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！