css中「~」和「>」是什麼意思？

#css中「~」是:

爲全部相同的父元素中位於 p 元素以後的全部 ul 元素設置背景：

p~ul{
　　background:#ff0000;
}

<p>快樂生活</p>
<ul>
　　<li>生活</li>
　　<li>生活</li>
　　<li>生活</li>
</ul>

p~ul 選擇前面有 <p> 元素的每一個 <ul> 元素。 定義和用法 p~ul選擇器 p以後出現的全部ul。 兩種元素必須擁有相同的父元素，可是 ul沒必要直接緊隨 p。

#css中「>」是: css3特有的選擇器，A>B 表示選擇A元素的全部子B元素。

與A B的區別在於，A B選擇全部後代元素，而A>B只選擇一代。

.a，.b｛逗號指相同的css樣式｝；

.a .b｛空格指後代元素｝；

.a>.b｛大於號指子代元素｝；