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

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

    原文作者:yvonne
    原文地址: https://segmentfault.com/a/1190000003994341
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞