`
DBear
  • 浏览: 231078 次
  • 性别: Icon_minigender_2
  • 来自: 上海
社区版块
存档分类

CSS中!important的作用

阅读更多

  !important这个属性属于CSS规范,功能是让用户自己设置被执行语句的优先级。一般来讲,在CSS中,如果在同一个css块中写下两个同样的属性,那么其实是按照最下面的来执行,比如:

.home {
  margin-left:20px;
  margin-left:40px;
}
  那么,执行的时候是按照40px做处理的。但如果改为:
.home {
  margin-left:20px!important;
  margin-left:40px;
}
  那么,执行的时候就会按照20px来处理。
  但是,IE6以及之前版本并不支持此属性,因此即使作如此修改,代码仍按40px执行。然而,也正因为它不支持,所以此属性经常被用于实现其它浏览器与IE6-的兼容。比如,如果发现某属性在IE6中显示与其它浏览器效果不同,则设置两个该属性,在上面的加入!important,下面的不加,这样在IE6中就执行下面的属性值,在其它浏览器中则执行上面的。
  此功能目前支持于firefox,google浏览器以及IE7以上版本。

分享到:
评论

相关推荐

    CSS !important 的使用

    在CSS中,`!important`是一个特殊的规则,它用于强调一个样式声明应优先应用,即使有其他选择器试图覆盖它。在深入探讨`!important`的使用之前,我们先了解CSS的优先级规则。 在CSS中,样式的选择器有不同的权重,...

    CSS中的!important规则:使用指南与最佳实践

    在CSS样式表中,!important规则是一个强大的工具,它可以在特定情况下覆盖其他CSS规则。然而,由于其对样式层叠的强烈影响,!important的使用需要谨慎。本文将深入探讨!important的工作原理、使用场景以及如何合理地...

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

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

    CSS中的!important属性用法

    在CSS(层叠样式表)中,`!important`是一个非常关键的属性,它用于设置一个规则具有最高的优先级,确保该规则无论在何种情况下都会被应用。这在解决浏览器兼容性问题,尤其是处理像IE这样的非标准浏览器时非常有用...

    css中!important的作用(IE6 IE7 FF)及其原理

    important`的声明,即使这些声明在CSS文件中出现的位置更晚。通常,CSS的优先级由选择器的特异性(selector specificity)决定,但`!important`的存在打破了这一规则,使得具有`!important`的声明优先级最高。 在IE...

    CSS下!important属性

    important属性是用于提高CSS规则重要性的关键字,它用以在样式表中强制应用特定的样式声明,确保该声明不受其他同属性值的CSS规则影响。当一个CSS属性后面加上!important时,它会覆盖浏览器层叠样式表中任何同属性的...

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

    ### CSS中的!important规则详解 在CSS(层叠样式表)中,`!important`是一个非常重要的规则,它能够改变样式的优先级,并确保带有此声明的样式能够在其他样式面前具有更高的优先级。本文将深入探讨`!important`的...

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

    由于我们不能直接修改外部CSS文件中的样式声明,因此我们需要找到一种方法,能够使用jQuery来覆盖这些带有`!important`标记的样式。下面是一种可行的方法: ### 使用jQuery修改带有`!important`的样式 #### 方法一...

    postcss-important:PostCSS插件,用于基于`!important`的注释

    var important = require ( 'postcss-important' ) // CSS to be processed var css = fs . readFileSync ( 'input.css' , 'utf-8' ) // Process CSS var output = postcss ( ) . use ( important ( css ) ) . ...

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

    在前端开发中,CSS(Cascading Style Sheets)用于控制网页元素的样式,而`!important`是一个权重标记,用于确保某个样式规则被优先应用,即使有其他规则尝试覆盖它。然而,在某些情况下,我们需要使用JavaScript库...

    从可维护性角度考虑css的!important规则的可用性

    在CSS世界中,`!important`规则是一种强制性声明,用于确保某个样式优先级高于其他所有没有`!important`标记的样式。然而,虽然它在性能方面的影响微乎其微,但从可维护性的角度来看,使用`!important`应当谨慎考虑...

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

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

    react-embedded-animations:React库可在嵌入式体验中使用动画,其中需要在CSS中使用!important

    React库可以在嵌入式体验上使用动画,而CSS中需要使用!important。 什么时候使用 在大多数情况下,不应使用该库,仅在以下情况下使用: 如果需要在动画CSS上使用!important 安装 npm install --save react-...

    曹鹏CSS视频教程-54.冲突与!important.rar

    important.rar”主要聚焦于CSS中的一个重要主题:样式冲突解决和“!important”规则的使用。CSS(Cascading Style Sheets)是网页设计中不可或缺的一部分,它赋予了HTML文档丰富的表现形式和结构,从而为用户提供更...

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

    在CSS(层叠样式表)中,`!important` 是一个用于提升样式规则优先级的关键字。这个关键字允许开发者强制浏览器应用特定的样式,即使有其他选择器或样式规则试图覆盖它。下面我们将深入探讨`!important`的用法和注意...

    强制CSS !important使用介绍

    当多个选择器同时作用于一个元素时,CSS会根据这些选择器的权重来决定哪个样式生效。权重越高,样式越优先。 然而,即使一个选择器具有较高的权重,`!important`的存在可以使较低权重的规则胜出。例如,在下面的...

Global site tag (gtag.js) - Google Analytics