`
kalogen
  • 浏览: 880048 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

CSS中的!important属性用法

阅读更多

关于CSS的运用技巧有很多, 今天主要探讨一下CSS中 !important 这个属性的用法。在CSS的使用中,遇到最多的问题就是不同浏览器之间的兼容问题。 由于IE并不严格执行W3C标准, 而又几乎垄断了浏览器市场。 所以作为一名合格的网站制作人员, 必须要针对不同的浏览器进行微调。 实现不同浏览器之间兼容的方法有很多, 比如利用JS探测用户的浏览器类型,从而调用不同的样式表。 或者就是利用!important 属性来实现微调的效果。 下面是具体的例子。

下面是一段普通的 DIV 代码:

<div id="a"></div>

下面是有关层A在CSS样式表中的定义, 注意,这里使用了!important这个属性。

#a{margin-left:30px!important; margin-left:20px;}

在上面的例子中, 层a 在IE浏览器中, 左边距为20像素, 而在Firefox中, 左边距则变为30像素。 这是因为, !important在 CSS 中表示优先调用, 由于IE不能够识别这个属性, 所以在IE中, 只能够调用 “margin-left:20px;" 这个选项, 所以同样的一段代码, 在Firefox和IE中就会显示不同的样式。

不过值得注意的是, 最新版的IE 7.0 已经可以识别 !important, 这个属性了, 但是IE 6.0仍然不能识别。 所以这个小技巧还是相当有用的.

如果大家有更好的解决办法, 欢迎交流。

佚名

分享到:
评论

相关推荐

    CSS !important 的使用

    important`,只在确实需要强制应用样式且无其他方法解决的情况下使用。 在压缩包中的`demo.html`文件,可能包含了一个示例,演示了如何使用`!important`来覆盖已有的CSS规则。打开这个文件,你可以看到实际的应用...

    css中提升优先级属性!important的用法总结

    important` 可以作为临时解决方案来快速覆盖已有样式,但它不推荐在生产环境中大量使用,因为它会使CSS难以维护和管理。 5. **优先级规则**:CSS优先级的计算基于选择器的特异性,`!important` 相当于增加了无限的...

    原来CSS里的 !important 是如此用法

    important`是一种特殊的权重声明,用于提高CSS属性值的优先级。当一个CSS属性值后面跟上`!important`时,该属性值将获得更高的优先级,即使有更高特异性(specificity)的选择器也无法覆盖它。 #### 二、`!...

    如何使用jquery修改css中带有!important的样式属性

    important`的样式,我们需要使用`.css()`方法的另一个形式,即通过`cssText`属性来完全替换元素的样式。这个方法允许我们将整个CSS文本字符串赋值给元素,从而覆盖原有的`!important`规则。例如: ```javascript $...

    通过jquery修改带有!important的样式

    在这个例子中,我们使用`$('#myLink')`选择器选择了ID为`myLink`的元素,并使用`.css('cssText', ...)`方法来更新其样式。注意这里使用的语法格式是`'background: url(/path/to/new/image.jpg) !important;'`,确保...

    CSS中提升优先级属性!important的用法问题总结

    本文介绍了CSS中提升优先级属性!important的用法问题总结,分享给大家,具体如下: 一、语法 ...important属性,也就是说他们会默认让margin-left:20px!important; 这条语句生效,下面的不带!importa

    详解CSS样式中的!important、*、_符号

    important、*和_在CSS中均与样式的优先级有关,但在实际的网页设计和开发中,为了保持代码的可维护性和兼容性,我们更推荐使用CSS预处理器、JavaScript以及现代的CSS特性如Flexbox和Grid布局等来处理样式的优先级和...

    !important用法使用介绍

    important` 的用法及其在不同浏览器中的兼容性问题,特别是与 Internet Explorer(IE)系列浏览器和 Firefox 的差异。 首先,`!important` 关键字通常跟在属性值的后面,通过 `!` 符号来标识,例如 `color: blue !...

    CSS和DOM属性用法速查手册.doc

    以下是一些常见的CSS属性及其用法: 1. `!important`:这个关键字用于提高CSS规则的优先级,确保该规则在其他规则冲突时仍然生效。 2. `:active`、`:hover`、`:link`、`:visited`:这些都是CSS伪类,分别用于定义...

    IE6支持!important吗 如何用!important解决浏览器兼容性问题

    important时,应当尽量寻找更合理的CSS架构,比如通过使用更具体的选择器或者创建一个更合适的CSS类,来避免使用!important。 总之,!important是一个非常有用的工具来解决浏览器兼容性问题,尤其是在旧版浏览器如...

    css常见考题 !!css常见考题 css常见考题

    important`,可以在CSS规则中使用以提高优先级。 - IE也支持`!important`,但需要注意不要滥用。 - **示例代码:** ```css .important-style { color: red !important; } ``` #### 六、垂直居中技巧 **知识...

    css优先级98908u0

    important属性详解 #### CSS优先级的基本规则 在CSS中,样式表的优先级决定了元素最终采用哪一套样式。理解CSS优先级的基本规则对于开发人员来说至关重要,尤其是在处理复杂的页面布局时。 1. **ID选择器**:具有...

    移除html元素的某个css属性

    1. **使用`important`关键字**:虽然这不是一种移除样式的方法,但在某些情况下,可以在外部CSS文件中使用`!important`来确保样式不会被其他规则覆盖。但这并不是一个好的实践,因为它破坏了CSS的层叠特性。 2. **...

    CSS文集

    利用CSS的Expression自定义属性来实现表格的OnMouseOver 特效 需要掌握...important标记区别Firefox和IE6 DIV+CSS页面布局中注意的问题以及常用的CSS使用方法 网页布局基础-XHTML与CSS基础 CSS命名规则

    CSS代码解决浏览器兼容问题

    important`与覆盖它的样式属性在同一组大括号内,它会被后面的属性覆盖,而在单独使用时,IE6反而会认为`!important`具有更高的优先级。 为了针对IE6和其他现代浏览器实现不同的样式,我们可以利用这种行为差异,...

    css基础教程 css使用方法

    在本教程中,我们将深入探讨CSS的基础知识和使用方法。 ### 1. CSS的基本概念 CSS的核心在于定义选择器(Selectors)和声明(Declarations)。选择器指向HTML元素,声明则包含属性(Property)和值(Value),以...

Global site tag (gtag.js) - Google Analytics