（1）元素選擇器：選擇器是元素，例如：p
（2）類(class)選擇器：.class屬性名，可有重複，乙個元素可有多個class值，用空格隔開。
（3）id選擇器：#id屬性名，不能有重複名字
（4）復合選擇器（交集選擇器），可選中同時滿足多個選擇器的元素，例：div.p3（.p3）是類名，交集選擇器的兩個選擇器之間不用間隔什麼。
（5）組合選擇器（並集選擇器），中間用逗號隔開，例如：p,.classname
（6）萬用字元選擇器：
（7）子元素選擇器：選中父元素指定的子元素，父元素》子元素，ie6及以下瀏覽器不支援。
（8）後代元素選擇器：選中指定元素的後代元素，祖先元素 後代元素（二者之間有乙個空格）。
（9）偽類元素選擇器：:link,鏈結原本樣式，:visited(訪問過的鏈結)，:hover(滑鼠懸停的鏈結)，:active(滑鼠按下的鏈結)，:focus(獲取焦點)，:before(指定元素前，一般與content搭配使用),例：p:after，:after(指定元素後)，::selection(選中的元素)，::-moz-sellection(火狐中需要用，相容的時候要寫兩個)，:first-letter(首字母)，:first-line(首行)。
（10）屬性選擇器：根據元素中屬性或者屬性值選取指定元素。title屬性，可以給任何標籤指定，當滑鼠移到元素上，title作為提示文字顯示。例如：
,p[title],給title屬性p標籤設定背景顏色值。title可換成class,id等。p[title=「hello」]{},給title屬性值為hello的設定樣式。p[title ^=「ab」],給title以ab開頭的元素設定樣式，p[title$=「ab」],給title以ab結尾的元素設定樣式，p[title=「c」],給title帶有c的元素設定樣式。
（11）其他子元素選擇器：:first-child(在所有子元素中排列), :last-child, :nth-child(x)(選則指定位置的子元素),x為幾就選擇1第幾個。:first-of-type(在當前型別子元素中排列), :last-of-type,
:nth-of-type(x)(選擇指定位置的子元素)。
（12）兄弟元素選擇器：選中元素後緊挨的兄弟元素，給後面兄弟元素設定樣式，前乙個+後乙個，例：span+p{}。選中後面所有的兄弟元素。前乙個~後邊所有，例：span ~p.
（13）否定偽類：從已選元素中剔除某些元素，:not(選擇器)，例：p:not(.hello),選中p元素中除了class為hello的設定樣式。
選擇器優先順序：
內聯樣式(1000)>id(100)>類和偽類(10)>元素選擇器(1)>萬用字元(*)(0),
繼承的樣式沒有優先順序。選擇其中包含多個時，要加個多種選擇器的優先順序相加再做比較，但選擇器的優先順序計算不會超過他的最大數量級，如果優先順序一樣，誰在後面就用誰。如果給樣式最後新增乙個!important,改樣式會獲得最高優先順序。
選擇器優先順序 CSS選擇器優先順序總結
css選擇器優先順序這個問題，相信有點經驗前端都會認為非常簡單，但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧，一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表，為了保持不同瀏覽器下樣式相同，所以我們的自定義樣式表一般都會覆...
CSS選擇器及選擇器優先順序
css選擇器有四種，標籤名選擇器，id選擇器，class選擇器，屬性選擇器，其中屬性選擇器權重最低且不常用 兩個選擇器a和b使用,連寫時,表示選擇滿足a或滿足b的元素 p2,p3兩個選擇器a和b使用空格連線時，表示選擇滿足a選擇器的元素內部的滿足b選擇器的元素 list a選擇器a和b使用 連寫時，...
CSS選擇器及優先順序
css優先順序的計算公式 通常我們可以將css的優先順序由高到低分為六組 無條件優先的屬性只需要在屬性後面使用 important 它會覆蓋頁面內任何位置定義的元素樣式。當然，ie 6不支援這個屬性，於是它也成為一種hack被很多人所熟知，真正使命被人淡忘。第二高位的優先屬性是在html中給元素標籤...