[分享]css3找到上一个兄弟元素

在CSS3中，可以使用~选择器来选择一个元素的上一个兄弟元素。例如，以下代码将选择所有class为example的元素的上一个兄弟元素：.example ~ { / 应用样式于上一个兄弟元素 / }...

在CSS3中，可以使用~选择器来选择一个元素的上一个兄弟元素。例如，以下代码将选择所有class为example的元素的上一个兄弟元素：

.example ~ * {
  /* 应用样式于上一个兄弟元素 */
} 

需要注意的是，~选择器只能选择在该元素之前的兄弟元素，如果需要选择在该元素之后的兄弟元素，则需要使用+选择器。

此外，~选择器也可以与其他选择器结合使用，如下所示：

.example ~ p {
  /* 应用样式于上一个兄弟元素后的所有p元素 */
} 

综上所述，~选择器是一个非常实用的选择器，可以帮助我们轻松地选择上一个兄弟元素，从而实现更丰富的CSS效果。