CSS篇(007)-CSS 選擇符有哪些？哪些屬性能夠繼承？優先級算法如何計算？

答案：

        1.id選擇器（ # myid）

        2.類選擇器（.myclassname）

        3.標籤選擇器（div, h1, p）

        4.相鄰選擇器（h1 + p）

        5.子選擇器（ul < li）

        6.後代選擇器（li a）

        7.通配符選擇器（ * ）

        8.屬性選擇器（a[rel = "external"]）

        9.僞類選擇器（a: hover, li: nth - child）

    *   可繼承： font-size font-family color, UL LI DL DD DT;

    *   不可繼承 ：border padding margin width height ;

    *   優先級就近原則，樣式定義最近者爲準;

    *   載入樣式以最後載入的定位爲準;

優先級爲:

       !important >  id > class > tag  

       important 比 內聯優先級高

CSS3新增僞類舉例：

    p:first-of-type 選擇屬於其父元素的首個 <p> 元素的每一個 <p> 元素。

    p:last-of-type  選擇屬於其父元素的最後 <p> 元素的每一個 <p> 元素。

    p:only-of-type  選擇屬於其父元素惟一的 <p> 元素的每一個 <p> 元素。

    p:only-child    選擇屬於其父元素的惟一子元素的每一個 <p> 元素。

    p:nth-child(2)  選擇屬於其父元素的第二個子元素的每一個 <p> 元素。

    :enabled、:disabled 控制表單控件的禁用狀態。

    :checked，單選框或複選框被選中。

參與互動