`
tntxia
  • 浏览: 1506889 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

CSS选择器在各个浏览器的支持情况(二)

阅读更多

8 CSS 3 属性选择器

Selector

FF3.0

FF2.0

FF   1.5

IE8

IE7

IE6

E[attr^=val]

Δ

Δ

Χ     2

Χ

Χ

E[attr$=val]

Δ

Δ

Χ     2

Χ

Χ

E[attr*=val]

Δ

Δ

Χ     2

Χ

Χ

9 CSS 3中与用户界面有关的伪类

Selector

FF3.0

FF2.0

FF   1.5

IE8

IE7

IE6

:enabled

Χ

Χ

Χ

:disabled

Χ

Χ

Χ

:checked

Χ

Χ

Χ

10 CSS 3中的 :target 伪类

Selector

FF3.0

FF   2.0

FF   1.5

IE8

IE7

IE6

:target

Χ

Χ

Χ

11其他

Pattern

 

IE6

IE7

IE8

FF

E:active
E:hover
E:focus

 

Δ

Δ

Δ

Δ

Χ

Χ

E:before
E:after

 

Χ

Χ

Δ     3

Χ

Χ

Δ     3

 

 

分享到:
评论

相关推荐

    各个浏览器对于CSS3和html5支持情况

    ### 各个浏览器对于CSS3和HTML5支持情况 随着Web技术的发展,HTML5与CSS3已成为现代网页设计中不可或缺的一部分。这两种技术为开发者提供了更加强大、灵活且丰富的工具来构建网页应用。然而,不同浏览器对这些新...

    个浏览器对css属性的不同支持

    4. **CSS3选择器**:像`:nth-child()`、`:not()`、`:checked`等高级选择器在老式浏览器中可能不被支持,需谨慎使用。 5. **Border-radius**:圆角边框在大部分现代浏览器中广泛支持,但在IE8及以下需要使用`-ms-...

    css和js的浏览器兼容问题汇总

    除此之外,还有许多其他兼容性问题,例如CSS中的盒模型、透明度、伪类选择器、CSS3属性等。例如,IE6使用自己的盒模型,而其他浏览器遵循W3C标准。为解决此问题,可以使用`box-sizing`属性来指定盒模型,或者使用...

    关于CSS/DIV在各浏览器兼容代码

    这种技术利用了各个浏览器对CSS支持的不同特性,使得某些样式规则仅在特定浏览器中生效。这样就可以解决因浏览器解析差异导致的显示不一致的问题。 #### 二、Hack技术的应用场景与原理 **1. **IE专有Hack:** - **...

    CSS-浏览器兼容实战.pdf

    这可能涉及到使用hack技巧、条件注释、前缀、重置CSS等方法,确保样式在各个浏览器中的表现一致。 总之,《CSS-浏览器兼容实战》为开发者提供了全面的指导,帮助他们面对复杂多变的浏览器环境,编写出高效、兼容性...

    css 浏览器兼容性速查

    例如,CSS3引入了伪类选择器`:nth-child()`,在旧版IE浏览器中可能无法识别;`Flexbox`布局在早期版本的浏览器中需要使用特定的前缀 `-webkit-` 来支持;`@keyframes`用于创建CSS动画,但IE9及以下版本不支持。 ...

    css浏览器兼容写法

    首先,我们可以使用特定的CSS选择器来让特定浏览器识别某些样式。例如,对于IE6,我们使用`*html .head{color:#000;}`,其中星号(*)前缀的选择器只有IE6会识别。而IE7则可以识别`*+html .head{color:#000;}`,这里的...

    CSS常见浏览器兼容问题

    然而,由于各个浏览器之间的实现差异,CSS的兼容性问题常常成为开发者们面临的一大挑战。尤其是IE(Internet Explorer)和Firefox,它们在解析CSS规则时有着不同的理解和执行方式。本篇文章将深入探讨CSS在不同...

    第13章 CSS选择器[上]

    CSS选择器允许我们以精确的方式控制网页上的各个元素样式。 首先,我们要理解CSS选择器的基本类型。这些包括: 1. **类型选择器**:例如`h1`,`p`等,基于HTML元素类型来选择元素。 2. **ID选择器**:通过`#idname...

    浏览器的发展与CSS

    5. **选择器**:CSS提供了多种类型的选择器,包括标签选择器、类选择器、ID选择器等,用于精确地定位和样式化页面元素。 #### 四、CSS在实际开发中的应用 在实际开发中,CSS的应用非常广泛。它可以用来控制页面的...

    CSS Hack 浏览器兼容文档

    CSS Hack是一种针对不同浏览器之间解析CSS规则差异的技术,目的是确保CSS样式在各个浏览器中的一致性。在网页设计中,由于各个浏览器(尤其是Internet Explorer的早期版本)对CSS的实现存在差异,导致开发者需要采取...

    CSS3底部半圆形导航菜单代码,点击底部加号,会弹出一个半圆形的导航栏,不支持IE浏览器,支持chorme,firefox浏览器

    在导航菜单的设计中,可能用到了这类选择器来控制各个导航项的样式。 5. **盒模型调整**:CSS3的盒模型允许开发者自定义元素的宽度、高度和内边距,使布局更加灵活。在这个半圆形导航菜单中,盒模型的调整可能用于...

    CSS浏览器兼容问题

    为了确保网页在各个浏览器中的良好表现,前端工程师需要掌握一系列的技巧和方法来解决这些兼容性问题。随着技术的发展,现代浏览器对CSS的支持越来越完善,但在实际项目中仍然需要注意旧版浏览器的兼容性问题。

    css-support:CSS浏览器支持信息的真实来源

    4. **选择器兼容性**:高级CSS选择器如`:not()`, `:nth-child()`, 和 `::before/::after`在不同浏览器中的支持情况,这对于编写高性能和可维护的CSS至关重要。 5. **浏览器属性**:一些特定于浏览器的扩展属性,如...

    CSS3实现仿360浏览器错误提示页面特效源码.zip

    综上所述,通过巧妙运用CSS3的选择器、动画、布局和响应式设计特性,我们可以构建一个与360浏览器错误提示页面类似的特效。这个压缩包中的源码应该包含了这些技术的具体实现,通过学习和分析这些代码,开发者可以...

    css 浏览器兼容

    - 避免使用过于复杂的CSS选择器和属性,因为它们在旧版浏览器中可能不受支持。 - 逐步增强(Progressive Enhancement)和优雅降级(Graceful Degradation)策略,确保核心功能在所有浏览器中都能正常工作,而高级...

    CSS BUG浏览器兼容知识汇总

    许多CSS3属性在初期为实验性质,各个浏览器厂商使用了自己的私有前缀,如 `-webkit-` (Chrome, Safari), `-moz-` (Firefox), `-ms-` (Internet Explorer), `-o-` (Opera)。为确保跨浏览器兼容性,需要为这些新特性...

    JavaScript仿京东城市地区选择器3级联动菜单,适用于电商购物网站。兼容主流浏览器

    事件绑定则涉及对选择器的各个级别添加事件监听器,当用户在某一级别做出选择时,触发相应的处理函数,更新下一级别的选项。 为了兼容主流浏览器,开发者需要注意JavaScript代码的跨浏览器兼容性。虽然现在大部分...

    css实现兼容各个浏览器的技巧的代码

    ### CSS实现兼容各个浏览器的技巧详解 在前端开发过程中,CSS的兼容性问题是开发者们经常面临的挑战之一。不同的浏览器内核对于CSS的支持程度各不相同,这也导致了在不同的浏览器中展示同一网页时可能出现视觉差异...

Global site tag (gtag.js) - Google Analytics