兄弟选择器的用法( + , ~ )

+选择器
说明：
1.选中某元素后面紧跟的兄弟元素（不包括该元素本身）
2.当使用 a + a即+前后元素名称相同时，将会循环调用+选择器，直到找不到为止。

<ul>
	<li>1</li>
	<li>2</li>
	<h1>3</h1>
	<li>4</li>
	<li>5</li>
</ul>

li+h1{
	color:red;
}

<ul>
	<li>1</li>
	<li>2</li>
	<h1>3</h1>
	<li>4</li>
	<li>5</li>
</ul>

li+li{
	color:red;
}

~选择器
说明：找到某元素后的所有兄弟节点。

<ul>
	<li>1</li>
	<li>2</li>
	<h1>3</h1>
	<li>4</li>
	<li>5</li>
</ul>

h1~li{
	color:red;
}