CSS中!important的用法和在IE6下的表现_html/css_WEB-ITnose
- WBOY原创
- 2016-06-24 11:41:311253浏览
!important的用法和在IE6下的表现:
!important可以提高指定CSS语句的优先级，使用方法是在相应的CSS语句后面加上!important。例如:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">.mytest{ color:blue!important; color:red;}</style></head><body> <div class="mytest">蚂蚁部落</div></body></html> 大家都知道CSS样式具有“就近原则”，也就是后面定义的样式能够覆盖前面的样式，以上代码中如果不使用!important，那么字体颜色呈现红色。
当前所有的主流浏览器都支持!important，但是IE6上不能完全支持，为什么说是不能够完全支持，因为在有些情况支持，有些情况不支持，例如上面的代码中，IE6浏览器就不支持，文字将以红色字体呈现，再来看下面这么一个例子:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">.mytest{ color:blue!important;}.mytest{ color:red;}</style></head><body><div class="mytest">蚂蚁部落</div></body></html> 以上代码中，大家可以看到字体颜色呈蓝色显示，这说明如果两段代码在同一个大括号({})中使用，IE6下就不起做，如果分开在两个大括号（{}）中使用就会有作用。
原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0501/500.html
声明：
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn