DDR爱好者之家

css important终级讲解
站长资源 2024/12/28 佚名
7 1538
DDR爱好者之家 Design By 杰米
例一：
CSS

复制代码代码如下:
#box {
color:red !important;
color:blue;
}

HTML

复制代码代码如下:
<div id="Box"> 在不同的浏览器下，这行字的色应该不同！</div>

这个例子应该是大家经常见到的important的用法了，在IE环境下，这行字是蓝色，在firefox下，为红色，其用法不再多说了，看下一个例子。
例二：
CSS

复制代码代码如下:
1 #box div{
color:red;
}
2 .important_false{
color:blue;
}
important_true{
color:blue !important;
}

HTML

复制代码代码如下:
<div id="Box">
<div class="important_false">这一行末使用important</div>
<div class="important_true">这一行使用了important</div>
</div>

例二中，CSS代码第一行设定了box里面所有div中字体色为红色，第二行和第三行都用class重新定义了自身div的字体色为蓝色，不同的是，第二行末使用important，而第三行使用了！
默认情况下，class的优先级小于id，所以，第二行中即使用class重定义了自身样式，也无法生效，所以继承父级属性，这行字还是红色！
但是，第三行中，用了important提升优先级（或看成强制重定义），所以这里的css得以生效，这行字变为了蓝色！
从这个例子，得以证明，ie对important的并不是不支持！
那么为什么很多人都说ie不认识它呢？我想应该是大家实战中可能都没有遇到例子中的情况： 当你想提升class的优先级时怎么办？
也就是说大家可能都忽略了它的这一作用，只了解在命名为同一个元素的CSS代码块中，用它来提升排列顺序相对靠前的代码的优先级（例一）！
通过上边两个例子，得以总结：
important对 一个良好（或者是标准）的浏览器来说，不仅仅是从顺序上提升代码的优先级，还可以用来提升class的优先级（比如firefox），但是从IE对前者的不支持可以看出，这只是IE的一大BUG，而不能说它“不认识、不支持”！
然而，不管怎么样，IE的这一大BUG帮助我们解决了很多兼容性问题，这显然不是件坏事！
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

RTX 5090要首发 性能要翻倍！三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。

据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米