美文网首页我爱编程
CSS选择器的ie浏览器兼容性

CSS选择器的ie浏览器兼容性

作者: mumumuu | 来源:发表于2018-04-10 16:38 被阅读0次

1.CSS1

作用 选择器 IE6 IE7+
E YES YES
E F YES YES
未访问时的状态 :link YES YES
鼠标按下去时的状态 E:active
IE6、7只支持a标签的:active
YES YES
已访问过的状态 :visited YES YES
E.classname YES YES
E#id YES YES

2.CSS2

作用 选择器 IE6 IE7 IE8+
* YES YES YES
E > F NO YES YES
结构性伪类:
匹配父元素中第一个E元素
E:first-child NO YES YES
E:focus NO NO YES
鼠标移动到链接上时的状态 E:hover
IE6只支持a标签的:hover
YES YES YES
E + F NO YES YES
E[attr] NO YES YES
E[attr="name"] NO YES YES
E[attr~="name"] NO YES YES
E:before NO NO YES
E:after NO NO YES
E::before NO NO NO
E::after NO NO NO

3.CSS3

作用 选择器 IE6 IE7 IE8 IE9+
通用兄弟元素选择器:
匹配E后所有兄弟F元素
E ~F NO YES YES YES
子串匹配的属性选择符:
匹配具有att属性、且值以val开头的E元素
E[attr^="val"] NO YES YES YES
子串匹配的属性选择符:
匹配具有att属性、且值以val结尾的E元素
E[attr$="val"] NO YES YES YES
子串匹配的属性选择符:
匹配具有att属性、且值中含有val的E元素
E[attr*="val"] NO YES YES YES
结构性伪类:
匹配文档的根元素。在HTML中,根元素永远是HTML
E:root NO NO NO NO
结构性伪类:
匹配同类型中的第n个同级兄弟元素E
E:nth-of-type NO NO NO YES
结构性伪类:
匹配同类型中的倒数第n个同级兄弟元素E
E:nth-last-of-type] NO NO NO YES
结构性伪类:
匹配同级兄弟元素中的第一个E元素
E:first-of-type NO NO NO YES
结构性伪类:
匹配同级兄弟元素中的最后一个E元素
E:last-of-type NO NO NO YES
结构性伪类:
匹配属于同类型中唯一兄弟元素的E
E:only-of-type NO NO NO YES
结构性伪类:
匹配属于父元素中唯一子元素的E
E:only-child NO NO NO YES
结构性伪类:
匹配父元素中最后一个E元素
E:last-child NO NO NO YES
结构性伪类:
匹配父元素中的第n个子元素E
E:nth-child(n) NO NO NO YES
结构性伪类:
匹配父元素中的倒数第n个结构子元素E
E:nth-last-child(n) NO NO NO YES
结构性伪类:
匹配没有任何子元素(包括text节点)的元素E
E:empty NO NO NO YES
目标伪类:
匹配相关URL指向的E元素
E:target NO NO NO YES
UI元素状态伪类:
匹配所有用户界面(form表单)中处于选中状态的元素E
E:checked NO NO NO YES
UI元素状态伪类:
匹配E元素中被用户选中或处于高亮状态的部分
E::selection NO NO NO YES
UI元素状态伪类:
匹配所有用户界面(form表单)中处于可用状态的E元素
E:enabled NO NO NO YES
UI元素状态伪类:
匹配所有用户界面(form表单)中处于不可用状态的E元素
E:disabled NO NO NO YES
否定伪类 :
匹配所有不匹配简单选择符s的元素E
E:not(s) NO NO NO YES

相关文章

  • day26 js基础2

    微软(ie)兼容性问题。js、html、css浏览器翻译浏览器分为高级、低级浏览器高级:火狐、谷歌、ie8以后低级...

  • 主流浏览器发展史及其内核初探

    当我们在新时代调侃 IE 浏览器兼容性问题的时候,或多或少忘记了 IE 浏览器是第一款支持 CSS 的商用浏览器;...

  • Hack技术

    CSS Hack来解决浏览器局部的兼容性问题,hack主要针对IE浏览器常见的有三种形式:css属性Hack,cs...

  • HTML&CSS重点复习

    一、CSS选择器 !important的用法: 可以处理一些兼容性问题,因为在IE6下面无法识别,IE7可以识别;...

  • 前端工作中的兼容问题

    一:css兼容性:页面在各个浏览器显示的不一样 hack: 样式的前缀_ IE6* IE6,IE7 条件...

  • CSS,JS和jQuery选择器

    CSS 1. ***通用选择器**:选择所有元素,**不参与计算优先级**,兼容性IE6+ 2. **#X id选...

  • css3动画与js动画

    比较 兼容性 css3 兼容性不好,IE10才开始支持。 js 兼容性好,甚至可以兼容IE6。 性能 css3 在...

  • 前端面经总结

    HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:布局、盒子模型、选择器优先...

  • 4个技巧避免不必要的浏览器兼容性问题

    浏览器兼容性问题着实让人头疼,从最初的IE6浏览器到现在HTML5+CSS3的兴起,依然会存在兼容性问题,这里分享...

  • 前端工程师基础知识体系大纲

    HTML&CSS 对Web标准的理解、浏览器内核差异、兼容性、hack CSS基本功 布局、盒子模型、选择器优先级...

网友评论

    本文标题:CSS选择器的ie浏览器兼容性

    本文链接:https://www.haomeiwen.com/subject/zccnhftx.html