语法:
/* 查找后边的一个兄弟元素 */
兄弟元素 + 兄弟元素
/* 查找后边的所有兄弟元素 */
兄弟元素 ~ 兄弟元素
<head>
<style>
#main+div {
color: red;
}
#main~div {
background-color: #e0e0e0;
}
</style>
</head>
<body>
<div id="main">
</div>
<div>兄弟元素1
<span>兄弟1 > 子元素1</span>
</div>
<div>兄弟元素2
<span>兄弟2 > 子元素2</span>
</div>
<div>兄弟元素3
<span>兄弟3 > 子元素3</span>
</div>
<div>兄弟元素4
<span>兄弟4 > 子元素4</span>
</div>
</body>