如果我们想要匹配紧跟在第一个选择器后出现的元素,我们可以使用相邻兄弟选择器(+)。在这里,两个选择器都是同一个父元素的子元素。
CSS相邻兄弟组合器的语法如下:
Selector + Selector{
attribute: /*value*/
}如果我们想选择同一父元素下的兄弟元素,不考虑第二个选定元素的位置,我们可以使用CSS通用兄弟选择器。
CSS通用兄弟选择器的语法如下:
Selector ~ Selector{
attribute: /*value*/
}下面的例子演示了CSS相邻和一般兄弟选择器属性。
立即学习“前端免费学习笔记(深入)”;
例子
演示
![]()
Check this
hello Some text in section
Selected
输出
这将产生以下结果 -

示例
现场演示
![]()
Random text 1
hello Some text in section
Selected
![]()
输出
这将产生以下结果 −











