css中“~”
element1~element2 选择器匹配 出现在 element1 后面的 element2 。
element1 和 element2 这两种元素必须具有相同的父元素，但 element2 不必紧跟在 element1 的后面。
设置同一父元素下的 p 元素之后的每一个 ul 元素的背景颜色：
p~ul { background:#ff0000; }
element,element div,p
选择所有<div>元素和<p>元素
1
element element
div p
选择<div>元素内的所有<p>元素
1
element>element
div>p
选择所有父级是 <div> 元素的 <p> 元素
2
element+element
div+p
选择所有紧接着<div>元素之后的<p>元素
2
css中“>”是:
css3特有的选择器，A>B 表示选择A元素的所有子B元素。
与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。
.a，.b｛逗号指相同的css样式｝；.a .b｛空格指后代元素｝；.a>.b｛大于号指子代元素｝；