如果我们想要匹配紧跟在第一个选择器后出现的元素,我们可以使用相邻兄弟选择器(+)。在这里,两个选择器都是同一个父元素的子元素。
CSS相邻兄弟组合器的语法如下:
Selector + Selector{
attribute: /*value*/
}如果我们想选择同一父元素下的兄弟元素,不考虑第二个选定元素的位置,我们可以使用CSS通用兄弟选择器。
CSS通用兄弟选择器的语法如下:
Selector ~ Selector{
attribute: /*value*/
}下面的例子演示了CSS相邻和一般兄弟选择器属性。
立即学习“前端免费学习笔记(深入)”;
例子
演示
![]()
Check this
hello Some text in section
Selected
华锐行业电子商务系统下载华锐行业电子商务系统2.0采用微软最新的.net3.5(c#)+mssql架构,代码进行全面重整及优化,清除冗余及垃圾代码,运行速度更快、郊率更高。全站生成静态、会员二级域名、竞价排名、企业会员有多套模板可供选择;在界面方面采用DIV+CSS进行设计,实现程序和界面分离,方便修改适合自己的个性界面,在用户体验方面,大量使用ajax技术,更加易用。程序特点:一、采用微软最新.net3.5+MSSQL
输出
这将产生以下结果 -

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











