高階選擇器:

• 後代選擇器
• 子代選擇器
• 並集選擇器
• 交集選擇器

一、後代選擇器:

　　使用空格表示後代選擇器,父元素的後代(包括兒子,孫子,從孫子)

　　也就是說,box類下的所有span標籤 字型顏色都被設定為了紅色

.box  span{

  color:red;  

}

二、子代選擇器:

　　使用>表示子代選擇器. 之選中box類下第一層的span標籤設定為紅色

.box>span{
    color:red;
}

三、並集選擇器:

　　多個選擇器之間用逗號隔開,表示選中頁面中的多個標籤,  一些共性的元素可以使用並集選擇器

　　所有的div和a中的字型同時被設定成了紅色,

div,a{
  color:red;  
}

四、交集選擇器:

　　使用交集選擇器,第一項必須是標籤選擇器,第二項必須是類選擇器 比如:

　　在所有div中選中類名為active的div並設定背景顏色為紅色.

div.active{
     background-color:red;      
}