"!important"是什么？

第一个，是设置样式的优先级，设了!important的样式的属性优先于id选择器和class选择器。，比如id为"Main"的div在它的Class设背景色为红色，，id选择器下又设了背景色为蓝色，照css的"就近原则"，它的背景色应该是红色了，因为id选择器的优先级高于class选择器，但是，一旦class里设了"!important",哈哈，id，一边去吧。。我背景颜色要优先显示class设置的啦，因为它有!important做后台呀。

第二个，可以利用它让页面效果在ff等浏览器上和ie6效果更相同。因为不同的浏览器有自己默认的样式，所以你设一个样式在不同的浏览器里会有不同的效果，而有了!important，你就可以。。。话说，这里先略过，偶也没怎么用!important解决浏览器兼容性问题。。。

就是说，它是解决浏览器兼容性问题的有效方法之一。

先把代码贴出来：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

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

<title>无标题文档</title>

<style type="text/css">

#test {

    color:red !important;/*IE7、FF、OP等显示红色文字*/

    color:green;/*IE6显示绿色文字*/

}

span {color:gray !important;}

span {

    color:gray !important;/*IE6将不会将文本显示为灰色(gray)*/

    color:red;

}

</style>

</head>

<body>

<div id="test">简明现代魔法 www.nowamagic.net</div>

</body>

</html>

在查看其他人这方面的文章的时候，发现很多误区，有人干脆就认为"ie都是不支持!important"这个属性的，而有的人则又认为"ie6是不支持这个属性的"，呵呵，其实"ie6不是不支持，只是有个小bug",欢迎讨论，指教，在不同的意见中提高技术。

某些懂一些css的朋友大概会说，是ie6不支持"!important"，呵呵，这话说得有些对，但是不全对，为什么呢？

关键原因就是如果把样式改一下：

<style type="text/css">

#test {

    color:red !important;/*IE7、FF、OP等显示红色文字*/

}

#test {

   color:green;/*IE6显示绿色文字*/

}

</style>

你会发现在ie下字体的颜色变得和在FF中一样了，而如果ie6真的不支持"!important"这个属性的话，ie下字体的颜色就应该是绿色，而不是红色，因为按照css的"就近原则"来说，字体的颜色一直都应该是绿色，而不是红色的。

但是 为什么我们把样式改了之后，字体颜色在FF和ie6下就不一样了呢，这应该是ie6下的一个bug，如果一个样式内重复设了属性,如"color:*"，它就会忽略掉"!important"了。

呵呵，这样样式CSS1就有了，但一直没有很好的发挥它的作用，但是其实，我们可以利用它来解决一些浏览器兼容性问题造成的异常，做到让页面尽量在不同浏览器之间看起来一样。

IE6对!important的支持是这样的，单个的类是支持的，比如：

.className{color:#ffff00!important}

.className{color:green;}

这样是支持的，但是：

.className{color:#ffff00; color:green}

这样是不支持的。

IE6对!important单个的类是支持的的更多相关文章

  1. 关于“类不能支持Automation操作”错误的解决方法

    一段程序IE上老是提示“类不支持Automation操作”的错误,IE6.7.8都一样,但是Firefox可以,后来网上找到如下解决方法: 重新注册下以下文件,问题便解决了:msscript.ocxd ...

  2. 并发编程概述 委托（delegate） 事件（event） .net core 2.0 event bus 一个简单的基于内存事件总线实现 .net core 基于NPOI 的excel导出类，支持自定义导出哪些字段 基于Ace Admin 的菜单栏实现 第五节：SignalR大杂烩(与MVC融合、全局的几个配置、跨域的应用、C/S程序充当Client和Server)

    并发编程概述   前言 说实话,在我软件开发的头两年几乎不考虑并发编程,请求与响应把业务逻辑尽快完成一个星期的任务能两天完成绝不拖三天(剩下时间各种浪),根本不会考虑性能问题(能接受范围内).但随着工 ...

  3. ZIP解压缩文件的工具类【支持多级文件夹|全】

    ZIP解压缩文件的工具类[支持多级文件夹|全] 作者:Vashon 网上有非常多的加压缩演示样例代码.可是都仅仅是支持一级文件夹的操作.假设存在多级文件夹的话就不行了. 本解压缩工具类经过多次检查及重 ...

  4. ZIP解压缩文件的工具类【支持多级目录|全】

    ZIP解压缩文件的工具类[支持多级目录|全] 作者:Vashon 网上有很多的加压缩示例代码,但是都只是支持一级目录的操作,如果存在多级目录的话就不行了.本解压缩工具类经过多次检查及重构,最终分享给大 ...

  5. 做一个牛XX的身份证号验证类（支持15位和18位）

    原文:做一个牛XX的身份证号验证类(支持15位和18位) #region 是否合法的中国身份证号码 protected bool IsChineseID() { if (str.Length == 1 ...

  6. Effective Java 第三版——25. 将源文件限制为单个顶级类

    Tips <Effective Java, Third Edition>一书英文版已经出版,这本书的第二版想必很多人都读过,号称Java四大名著之一,不过第二版2009年出版,到现在已经将 ...

  7. PHP 中文工具类，支持汉字转拼音、拼音分词、简繁互转

    ChineseUtil 下载地址:https://github.com/Yurunsoft/ChineseUtil 另外一个中文转拼音工具:https://github.com/overtrue/pi ...

  8. 一个比较强大的HTTP请求类，支持文本参数和文件参数。

    一个 http 请求类 ,支持文件上传,从淘宝 top sdk 里面扣出来的,蛮好用的,做个记录而已. 调用代码: Dictionary<string, string> textParas ...

  9. unittest对单个测试类的多种测试执行方法总结

    基于unittest测试框架编写的测试脚本,一般单个测试类下会有多个测试方法,unittest也提供多种测试执行方式,下面就不同方式或者需求一一实操并说明: 一.使用unittest下main()方法 ...

随机推荐

  1. LeetCode-177:第N高的薪水

    第N高的薪水与第二高的薪水,解题思路是一样的,只要对LeetCode-176的SQL做一下变形,便可以满足这题,详见:https://www.cnblogs.com/zouqf/p/10282392. ...

  2. Struts2基础入门

    Struts2基础入门 创建一个web工程 0)导包并且创建一个核心配置文件 <?xml version="1.0" encoding="UTF-8"?& ...

  3. PCA 实例演示二维数据降成1维

    import numpy as np # 将二维数据降成1维 num = [(2.5, 2.4), (0.5, 0.7), (2.2, 2.9), (1.9, 2.2), (3.1, 3.0), (2 ...

  4. PHP.29-TP框架商城应用实例-后台6-商品会员添加-价格、级别

    首先把需求分析搞清楚 主要实现两个功能 1.会员管理,设置成为会员的要求 2.添加商品时,可设置会员优惠价格 具体实现 1.建表[会员级别限定表p39_member_level{Id,级别名称,积分下 ...

  5. Maven学习 (二) Eclipse 上安装 Maven3插件

    eclipse 安装插件的方式最常见的有两种: 1. 一种是在线安装,这貌似是用的最多的,就是:Help  -->  Install New Software,然后输入 HTTP 地址来安装,但 ...

  6. 示例解读Java的跨平台原理

    首先简单的解释一下Java跨平台的特征,相当于说写一个Java程序论述上可以运行在不同的操作系统平台上面(此处的平台我们就简单的看成是操作系统平台).下面我们用一些事例来说明它的好处. 我们先了解一些 ...

  7. 【NOIP 2017 提高组】列队

    题目 有一个 \(n\times m\) 的方阵,每次出来一个人后向左看齐,向前看齐,询问每次出来的人的编号. \(n\le 3\times 10^5\) 分析 我们考虑离队本质上只有两种操作: 删除 ...

  8. Javascript在浏览器中的加载顺序详解！

    现在前端用javascript用的比较多,当然真心的说这个语言是一个非常业余的语言,但是用的人很多,所以也比较火.今天想完成一个javascript外部文件自动加载的设计(类似于java或者php的i ...

  9. JS——BOM、DOM

    BOM.DOM BOM window对象 history对象 location对象 screen对象 DOM DOM对HTML元素访问操作 HTML DOM树 DOM 节点 DOM访问HTML元素 D ...

  10. 如何在乌班图上配置java开发环境

    不想说的那么细,每条命令都说一下,在现在这个浮躁的时代,很少有人能看的下去,我就直接上命令,最简单的快捷的方式. 1:安装软件 2:设置root密码 3:配置mysql远程登录 4:安装java运行环 ...