!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
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号