css中“~”和“>”

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｛大于号指子代元素｝；