!important为开发者提供了一个增加样式权重的方法。应当注意的是!important是对整条样式的声明，包括这个样式的属性和属性值

<!DOCTYPE HTML>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>测试!Important</title>

</head>

<style type="text/css">

    #Box div

    {

        color: red;

    }

    .important_false

    {

        color: blue;

    }

    .important_true

    {

        color: blue !important;

    }

</style>

<body>

    <div id="Box">

        <div class="important_false">

            这一行末使用important</div>

        <div class="important_true">

            这一行使用了important</div>

    </div>

</body>

</html>

效果：

CSS代码第一行设定了box里面所有div中字体色为红色，第二行和第三行都用class重新定义了自身div的字体色为蓝色，

不同的是，第二行未使用!important，而第三行使用了!

总结：

第一行字体颜色是红色，可以证明，css样式设置中，id的优先级大于class，这行字还是红色。

第二行字体颜色是蓝色，可以证明，!important的优先级最高，important_true的css样式生效，这行字变为了蓝色！

特别说明：

!important在IE6中是不被识别的，例：

.testClass{

    color:blue !important; 
    color:red;

}

这种写法在IE6下是识别不到的，.testCalss最后显示为红色，但也可以通过更改下写法让IE6识别到!important

.testClass{

    color:blue !important;

}

.testClass{

    color:red;

}
												


											
Css中!important的用法的更多相关文章
	

    
						
  1. css 中 important 的用法
		
      css 中 important 的如何使用?  important对 一个良好(或者是标准)的浏览器来说,不仅仅是从顺序上提升代码的优先级,还可以用来提升class的优先级(比如firefox), ...
    
		
    2. 
								
  2. css中!important的用法总结
		
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
		
    3. 
						
  3. 一个CSS中Z-index的用法
		
    一个CSS中Z-index的用法 CSS教程:彻底掌握Z-index属性     大多数的CSS属性都很容易使用.常常,当您对标记语言的元素使用CSS属性时,产生的结果会随着您刷新页面而立即呈现.而另 ...
    
		
    4. 
						
  4. css中!important的优先级问题
		
    css中!important的优先级在主页面中写>在外部引用的css文件 之前我一直以为css的样式不管写在哪里只要加上!important那么它的优先级就是最高的,事实上并不是这样的,尤其在动 ...
    
		
    5. 
						
  5. CSS学习笔记（9）--详解CSS中:nth-child的用法
		
    详解CSS中:nth-child的用法 前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”. 下面我将用几个典型的实 ...
    
		
    6. 
						
  6. 转：css中!important的作用
		
    转:http://www.cnblogs.com/guoguo-15/archive/2011/08/24/2151859.html {*rule !important}这个css规则当今在网页制作的 ...
    
		
    7. 
						
  7. CSS中"!important"的使用
		
    本篇文章使用最新的IE10以及firefox与chrome测试(截止2013年5月27日22:23:22) CSS的原理: 我们知道,CSS写在不同的地方有不同的优先级, .css文件中的定义 < ...
    
		
    8. 
						
  8. 详解CSS中:nth-child的用法
		
    前端的哥们想必都接触过css中一个神奇的玩意,可以轻松选取你想要的标签并给与修改添加样式,是不是很给力,它就是“:nth-child”. 下面我将用几个典型的实例来给大家讲解:nth-child的实际 ...
    
		
    9. 
						
  9. CSS中!important的作用
		
    提升指定样式规则的应用优先权. IE6及以下浏览器有个比较显式的支持问题存在,!important在同一条规则集里不生效.请看下述代码: 示例代码: div { color: #f00 !import ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. JSTL的if...else项目小试
			
      最近在项目中有一个小的效果显示为:在前端,根据一个字段来判断是否弹出一个窗口. 具体需求为:单击表格中的课程名称链接,如果此课程已经被排课,那么就弹出排课窗口,如果未排课就弹出提示box. 具体的 ...
    
			
    2. 
						
  2. VCL 中的 Windows API 函数(4): AdjustWindowRectEx
			
    AdjustWindowRectEx 用在了 Forms.DBCtrls 单元. AdjustWindowRectEx 可以根据窗口样式获取的边缘尺寸. 测试: var   R: TRect; beg ...
    
			
    3. 
						
  3. Mongodb数据结构及与MySql对比
			
    MySql一直是性价比最高的关系型数据库典范 MongoDB带来了关系数据库以外的NoSql体验. 让我们看一个简单的例子,我们将如何为MySQL(或任何关系数据库)和MongoDB中创建一个数据结构 ...
    
			
    4. 
						
  4. level1 -- unit 3 - 频率副词
			
    频率副词 never sometimes usually always never 从不 sometimes 有时 usually 通常 always 总是 频率排名(从最不到最经常): never  ...
    
			
    5. 
						
  5. Python 中遍历序列中元素和下标
			
    enumerate 函数用于遍历序列中的元素以及它们的下标 for i,v in enumerate(['tic','tac','toe']): print i,v #0 tic #1 tac #2  ...
    
			
    6. 
						
  6. Android开发学习笔记-自定义组合控件
			
    为了能让代码能够更多的复用,故使用组合控件.下面是我正在写的项目中用到的方法. 1.先写要组合的一些需要的控件,将其封装到一个布局xml布局文件中. <?xml version="1. ...
    
			
    7. 
						
  7. linux环境中安装NRPE插件执行远程"本地资源"检查?NRPE安装?
			
    需求描述: 在安装完nagios之后,需要对本地资源进行监控,比如磁盘空间的使用,进程数,swap空间,等等.这些都不是通过网络提供出来的, 所以,都是本地资源,可以通过NRPE插件实现在客户端中采集 ...
    
			
    8. 
						
  8. Oauth2.0（二）：开放平台
			
    上一节说到Oauth2.0 的交互模型.模型涉及到三方:资源拥有者.客户端.服务提供方.其中,服务提供方包含两个角色:鉴权服务器和资源服务器.鉴权服务器负责对用户进行认证,并授权给客户端权限.认证这一 ...
    
			
    9. 
						
  9. Java -- Java 类集 -- 目录
			
    13.1 认识类集 13.1.1 基本概念 13.1.2 类集框架主要接口 13.2 Collection接口 13.2.1 Collection接口的定义 13.2.2 Collection子接口的 ...
    
			
    10. 
						
  10. 7 -- Spring的基本用法 -- 9...容器中Bean的生命周期
			
    7.9 容器中Bean的生命周期 Spring可以管理singleton作用域的Bean的生命周期,Spring可以精确地知道该Bean何时被创建,何时被初始化完成.容器何时准备销毁该Bean实例.  ...
    
			
    11.