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

yvonne發表於2015-11-14

CSS1、2、3選擇器統覽

css1、2、3的選擇器及其對應的瀏覽器相容性前端觀察這篇文章已經詳細總結了:Click

通過測試:有如下更正或說明:

注:下述瀏覽器相容性以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的第一個兄弟節點;

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

相關文章