!important 什么意思？

如下显示：

p { height:19px !important ;height:18px}

这个样式的目的是用来兼容IE和Firefox的。

!important它指定当前样式的优先级为高，后边再进行定义的相同样式是不会将其重置。因此按标准的CSS来说，height:18px这一句是无效的，因为前边的定义具有更高的优先级。

但是IE不支持该属性，而Firefox却支持。。

因此在Firefox中认的是height:19px,而IE则会先被设置为height:19,然后再设置为height:18px，这种现象可以加以利用实现IE和Firefox的布局兼容

IE不是不支持，!important是IE特有的提权用法

height:19px!important;height:18px

的准确含义是，IE认为19px优先级高，FF不认识important，就近优先原则会解析为18px

这是很老的方法了，其实有更好的兼容解决方案，有空再讨论

IE不只IE6

mozilla Firefox opera7在同级下是有用~

Netscape7 表现如IE5.5+
opera7 Netscape7以下的版本没试过估计也没人用了~

!important 什么意思？相关推荐

Why Sleeping May Be More Important Than Studying
Why Sleeping May Be More Important Than Studying 转载于:https://www.cnblogs.com/Lamfai/p/10441451.html
Webinar: An introduction to PacBio’s long-read sequencing how it has been used to make important s
Webinar: An introduction to PacBio's long-read sequencing & how it has been used to make importa ...
用!important解决IE和Mozilla的布局差别（转）
http://www.w3cn.org/article/tips/2004/91.html 在设计<网页设计师>页面的时候,有一个问题一直困扰着我,主菜单在IE和其他(Mozilla.Op ...
important的扯淡
前几天在整理关于@import的一些内容时(这部分的内容将会在本月底发布在ctrip ued博客中),突然想到!important这个东西似乎现在还是有不少人认为在IE6中是不支持的.对于这点我是完全 ...
【响应式Web前端设计】!important的用法及作用
div { color: #f00 !important; } div { color: #000; } //上述代码中,ie6及其以下浏览器div的文本颜色为#fff,后面的重写的div样式没有起作 ...
jQuery给css增加!important
<div id='ele' style=''width:200px!important"><div> JS $("#el").css(" ...
前端一HTML:十四: important
一个选择器可以作用于很多个标签上, 一个标签也会被很多个选择器作用. !important 属性不能被继承作用: 将对应选择器的优先级设置为最高级 <!doctype html> < ...
CSS的!important属性修改权重
最近在做项目中发现很多CSS代码里面都使用!important去覆盖原有高优先级的样式.按照常理来说,越是灵活的东西,需要做的工作就会更多所以就写一篇博客梳理下!important属性. 1.定义及语 ...
一些重要的算法The Most Important Algorithms
下面是一些比较重要的算法,原文罗列了32个,但我觉得有很多是数论里的,和计算机的不相干,所以没有选取.下面的这些,有的我们经常在用,有的基本不用.有的很常见,有的很偏.不过了解一下也是好事.也欢迎你留 ...
DL：The development history of the important stage of DL
DL:The development history of the important stage of DL 导读原文来自清华大学唐杰副教授及其学生丁铭结合其 Aminer 数据库整理出相关文 ...

!important 什么意思？

!important 什么意思？相关推荐

最新文章

热门文章