!important是CSS1就定义的语法，作用是提高指定样式规则的应用优先权。
语法格式{ sRule!important }，即写在定义的最后面。
例如：
.div1{
background-color:blue;
background-color:green !important
}
HTML测试代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
.div1{
background-color:blue !important;
background-color:green;
/*color:blue*/
}
.div2{
background-color:red
/*color:red*/
}
</style>
</head>
<body>
<input type="button" value="test" onclick="btnAction();">
<div class="div1">I am div1</div>
<div class="div2">I am div2</div>
</body>
</html>
在firefox、opera和IE8中测试结果相同，"I am div1"的背景是blue，"I am div2"的背景是red。如果不加!important,"I am div1"的背景是green，"I am div2"的背景是red.
分享到：
相关推荐
在CSS中，`!important`是一个特殊的规则，它用于强调一个样式声明应优先应用，即使有其他选择器试图覆盖它。在深入探讨`!important`的使用之前，我们先了解CSS的优先级规则。 在CSS中，样式的选择器有不同的权重，...
在CSS样式表中，!important规则是一个强大的工具，它可以在特定情况下覆盖其他CSS规则。然而，由于其对样式层叠的强烈影响，!important的使用需要谨慎。本文将深入探讨!important的工作原理、使用场景以及如何合理地...
important` 可以作为临时解决方案来快速覆盖已有样式，但它不推荐在生产环境中大量使用，因为它会使CSS难以维护和管理。 5. **优先级规则**：CSS优先级的计算基于选择器的特异性，`!important` 相当于增加了无限的...
在CSS（层叠样式表）中，`!important`是一个非常关键的属性，它用于设置一个规则具有最高的优先级，确保该规则无论在何种情况下都会被应用。这在解决浏览器兼容性问题，尤其是处理像IE这样的非标准浏览器时非常有用...
important`的声明，即使这些声明在CSS文件中出现的位置更晚。通常，CSS的优先级由选择器的特异性（selector specificity）决定，但`!important`的存在打破了这一规则，使得具有`!important`的声明优先级最高。 在IE...
important属性是用于提高CSS规则重要性的关键字，它用以在样式表中强制应用特定的样式声明，确保该声明不受其他同属性值的CSS规则影响。当一个CSS属性后面加上!important时，它会覆盖浏览器层叠样式表中任何同属性的...
### CSS中的!important规则详解 在CSS（层叠样式表）中，`!important`是一个非常重要的规则，它能够改变样式的优先级，并确保带有此声明的样式能够在其他样式面前具有更高的优先级。本文将深入探讨`!important`的...
由于我们不能直接修改外部CSS文件中的样式声明，因此我们需要找到一种方法，能够使用jQuery来覆盖这些带有`!important`标记的样式。下面是一种可行的方法： ### 使用jQuery修改带有`!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 ) ) . ...
在前端开发中，CSS（Cascading Style Sheets）用于控制网页元素的样式，而`!important`是一个权重标记，用于确保某个样式规则被优先应用，即使有其他规则尝试覆盖它。然而，在某些情况下，我们需要使用JavaScript库...
在CSS世界中，`!important`规则是一种强制性声明，用于确保某个样式优先级高于其他所有没有`!important`标记的样式。然而，虽然它在性能方面的影响微乎其微，但从可维护性的角度来看，使用`!important`应当谨慎考虑...
important、*和_在CSS中均与样式的优先级有关，但在实际的网页设计和开发中，为了保持代码的可维护性和兼容性，我们更推荐使用CSS预处理器、JavaScript以及现代的CSS特性如Flexbox和Grid布局等来处理样式的优先级和...
React库可以在嵌入式体验上使用动画，而CSS中需要使用！important。 什么时候使用 在大多数情况下，不应使用该库，仅在以下情况下使用： 如果需要在动画CSS上使用！important 安装 npm install --save react-...
important.rar”主要聚焦于CSS中的一个重要主题：样式冲突解决和“!important”规则的使用。CSS（Cascading Style Sheets）是网页设计中不可或缺的一部分，它赋予了HTML文档丰富的表现形式和结构，从而为用户提供更...
在CSS（层叠样式表）中，`!important` 是一个用于提升样式规则优先级的关键字。这个关键字允许开发者强制浏览器应用特定的样式，即使有其他选择器或样式规则试图覆盖它。下面我们将深入探讨`!important`的用法和注意...
当多个选择器同时作用于一个元素时，CSS会根据这些选择器的权重来决定哪个样式生效。权重越高，样式越优先。 然而，即使一个选择器具有较高的权重，`!important`的存在可以使较低权重的规则胜出。例如，在下面的...