CSS選取器及其繼承特性、層疊特性

CSS選取器及其繼承特性、層疊特性
1.基本選取器
  標記  id  class  這個就不再作介紹了

2.複合選取器
  交集
 交集選取器由兩個選取器直接連接構成，其結果是選中二者各自元素範圍的交集
 其中第一個必須是標記選取器，第二個必須是類別選取器或者ID選取器，須連續書寫
 如，div.class

 

  並集
 並集選取器的結果是同時選中各個基本選取器所選擇的範圍，任何形式的選取器(包括
 標記、類別選取器、ID選取器)都可作為並集選取器的一部分，它們之間用逗號相連
 如，div,class,h3,#nav

　後代
 DOM樹中鑒於嵌套關係的存在，使用後代選取器可以非常方便的通過組合來給各個元素設定
 樣式，而不需要給每個元素進行ID或類命名,使命名大大簡化，並且條理清晰
 各種基本選取器均可自由組合，不受限制
 如  div class h3(意思為選中div下class下的h3)

  子代
 子代選取器與後代的選取器的區別是使用大於符號串連
 如div>span
注:後代與子代從效果上的區別是，後代選取器產生的影響不僅限於元素的“直接後代”，還影響到它

的“各級後代”;而子代的影響僅限於元素的選中後代本身

3.繼承特性
 繼承特性可一句話概括為子項目擁有父元素的所有CSS屬性，哪怕子項目另行設定，那也只是
 另行設定覆蓋了從父元素繼承來的屬性值

 

4.層疊特性
 層疊特性可概括為各樣式間的優先順序順序
 行內樣式>ID樣式>類別樣式>標記樣式
 打個比方，當前元素設定了以上四種情況上不同的樣式，那麼最終顯示的結果為行內樣式的
 屬性，如此，我們去掉行內樣式，依次類推便顯示ID、class的樣式