Home > Web Front-end > HTML Tutorial > 图解CSS3 读书笔记--选择器_html/css_WEB-ITnose

图解CSS3 读书笔记--选择器_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 09:03:49
Original
923 people have browsed it

CSS1、2、3选择器统览

css1、2、3的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了:Click

通过测试:有如下更正或说明:

注:下述浏览器兼容性以x+表示,表明x以及x以上版本。
Copy after login
  • 动态伪类选择器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) {}匹配;

source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template