14.8.4 CSS E ~ F 普通相邻选择符

E ~ F -- CSS普通相邻选择符，匹配文档中符合选择符规定的普通相邻关系的元素

语法: E ~ F
- E ~ F，E、F代表简单选择符
引用网址：http://www.dreamdu.com/css/selector_combinator_general_sibling/
说明：
- 匹配文档中符合选择符规定的普通相邻关系的元素，例如E ~ F选择符，E和F在文档被相同的元素包含（具有相同的父元素）且文档中F在E后出现（无需紧随其后），则选择符匹配元素F
- 包含选择符是由两个使用~（破折号，tilde）连接的简单选择符组成
- "普通兄弟、姐妹"general sibling代表文档中一个元素与另外一个元素有同一个父元素，但这两个元素不是并排相邻关系，举个例子：如果一个母亲只有三个亲生儿子，老大、老二、老三，那么老大与老二就是直接相邻关系，老大与老三是普通相邻关系
普通相邻选择符的英文名称为"general sibling combinator"，general，中文"一般、普通"的意思，sibling，中文"兄弟、姐妹"的意思，combinator，中文"组合"的意思

示例

span ~ p
{
	color:red;
}

上面例子定义了普通相邻选择符，只有被同一个元素包含的且p在span后面出现，则匹配选择符p

CSS普通相邻选择符浏览器兼容性
选择符	IE6	IE7	IE8	IE9	FF	CH	OP	SA
E ~ F	no	yes	yes	yes	yes	yes	yes	yes