图解CSS3 读书笔记——选择器

278 查看

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">;