圖解CSS3 讀書筆記——選擇器

CSS一、二、3選擇器統覽

css一、二、3的選擇器及其對應的瀏覽器兼容性前端觀察這篇文章已經詳細總結了:Clickcss

經過測試:有以下更正或說明:html

注:下述瀏覽器兼容性以x+表示,代表x以及x以上版本。
  • 動態僞類選擇器E:active:若E爲錨點,ie6+可兼容;若爲其餘(不侷限爲表單元素), ie的兼容性爲8+;前端

  • E>F:匹配E下第一個爲F的子節點,F不必定是E的第一個子節點;瀏覽器

  • E+F:匹配牢牢跟着E的F節點,F須要是E的第一個兄弟節點;測試

  • E~F:匹配E後的全部爲F的兄弟節點,F不須要是E的第一個兄弟節點;.net

補充:E:lang(language):語言僞類選擇器,匹配設定了lang屬性的E元素。如html:lang(en) {}匹配<html lang="en-US">;code

相關文章
相關標籤/搜索