`
123003473
  • 浏览: 1064668 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

css中!important的作用

 
阅读更多
{*rule !important}这个css规则当今在网页制作的时候的普及已经非常流行了,以前我对它的理解就停留在‘浏览器是否识别阶段’ 而没有真正去研究过,可是现在发生了变化。众所周知,!important这个规则对Ie6.0,Ie7.0和Firefox能写hack,现在就来讲解这是什么原理:

  *对于Ie系列浏览器都能够识别, firefox 浏览器则不能识别;

  !important只有Ie7.0和firefox可以识别,但是Ie6.0不能成功应用.


  (1)区别ie与firefox的hack为:border:2px solid #f00;*border:1px solid #f00;

     (2)区别Ie6.0 与Ie7.0、firefox的hack为:border:1px solid #f00!important;border:2px solid #f00;

  在(1)中,之所以把*放在后面是因为ff不识别*而导致只对它设置了一次border;而ie 系列进行了两次border设置后,后一个属性覆盖了前一个属性,故为一像素的边框。

  在(2)中,之所以把!important放在第一个border 设置,是因为它把这次border的优先级提高了,即使后面在一次甚至在N次设置border 也无效,但是Ie6.0对这个规则不接受,而导致它应用了第二次的border 设置,也就是第二次覆盖了第一次的这一原理, 并不是它不识别!important;所以它的border为2 像素的红框.
分享到:
评论

相关推荐

    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