css样式表中 后代选择器，子选择器等（摘抄）

后代选择器通过“空格”进行选择；

子选择器通过“>”进行选择；

有时两个类之间没有空格，表示“且”的意思，就是说元素要同时具有这两个类才能应用样式；

“+”   E + F紧接E元素后面的F元素 ，相邻同胞元素结合符。

 

.example .pp中间用空格隔开，表示后代选择器，选择的是.example内的.pp。
例如：

<div class="example">
    <div class="pp">被选择的元素</div>
</div>

.example.pp选择的是class中同时包含example和pp的元素。
例如：

<div class="example pp">
被选择的元素
</div>