CSS中!important的用法和在IE6下的表现_html/css_WEB-ITnose
- WBOY원래의
- 2016-06-24 11:41:311280검색
!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으로 문의하세요.
이전 기사：MUI다음 기사：在HTML中优雅的生成PDF_html/css_WEB-ITnose