Home  >  Article  >  Web Front-end  >  IE6 also recognizes!important

IE6 also recognizes!important

巴扎黑
巴扎黑Original
2017-04-05 10:53:441848browse

!important is generally used as a basic Hack technique to distinguish browsers such as IE6 and Firefox. Because IE6 does not support !important, but Firefox can understand !important, which changes the priority of the style. In fact, IE6 can also recognize !important in some cases.

For example:

<style type="text/css">
.demo{
	color:red !important;
	color:green;
}
</style>
<p class="demo">www.admin10000.com</p>

The font of the above code is red in FF and green in IE6. It means that IE6 ignores the existence of !important.

Let’s take a look:

<style type="text/css"> 
.demo{ color:red !important; } 
.demo { color:green; } 
</style> 
<p class="demo">www.admin10000.com</p>

If IE6 does not recognize !important, the content of .demo in the above code should be displayed in green, but it is not. The content of .demo is displayed in red, indicating that IE6 recognizes !important.

The difference between the two situations is: when using !important to change the style priority in a selector, it is invalid under IE6. The later styles cover the previous ones, and !important is completely ignored. Use !important to change the style priority. Hacks take advantage of this. And when !important is applied in different selectors, IE6 recognizes !important.

Related documents: About CSS multi-class selectors under IE6

The above is the detailed content of IE6 also recognizes!important. For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn