图解CSS3 读书笔记--选择器_html/css_WEB-ITnose
程序员文章站
2022-05-02 22:29:04
...
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) {}匹配
;推荐阅读
-
前端笔记知识点整合之HTML5&CSS3(中)选择器&伪类伪元素&CSS3效果&渐变背景&过渡
-
纯CSS3实现图片展示特效_html/css_WEB-ITnose
-
CSS3之圆角_html/css_WEB-ITnose
-
css3中的content和实体_html/css_WEB-ITnose
-
一款纯css3实现的响应式导航_html/css_WEB-ITnose
-
CSS3之弹性布局_html/css_WEB-ITnose
-
CSS3 实现六边形Div图片展示效果_html/css_WEB-ITnose
-
一款简洁的纯css3代码实现的动画导航_html/css_WEB-ITnose
-
一款纯css3实现的机器人看书动画效果_html/css_WEB-ITnose
-
css3过度效果_html/css_WEB-ITnose