css 复合选择器 代码

CSS复合选择器指的是由多个选择器组合而成，用于选择特定元素的一种选择器。下面介绍几种常见的复合选择器。

/*选择器A和选择器B同时满足的元素*/
A.B{
  ...
}

上述代码表示选择同时包含A与B类的元素。

/*选择器A是B后代的元素*/
B A{
  ...
}

上述代码表示选择A元素作为B元素的后代，即B元素中嵌套的A元素。

/*选择器A是选择器B的直接子元素*/
B > A{
  ...
}

上述代码表示选择A元素是B元素直接嵌套的子元素。

/*选择器A是选择器B相邻的兄弟元素*/
B + A{
  ...
}

上述代码表示选择A元素是B元素相邻的兄弟元素，即A元素直接跟在B元素后面。

/*选择器A是选择器B后面的兄弟元素*/
B ~ A{
  ...
}

上述代码表示选择A元素是B元素后面的所有兄弟元素，即A元素出现在B元素后面的所有兄弟元素中。

通过使用上述复合选择器，我们可以更加灵活地选择我们想要的元素，达到想要的样式效果。