Css hack in-depth analysis

What is CSS hack?

Different browsers, such as Internet Explorer 6, Internet Explorer 7, and Mozilla Firefox, have different understandings of CSS parsing, which leads to different page effects, we cannot get the page effect we need.

At this time, we need to write different CSS for different browsers so that they can be compatible with different browsers at the same time, so that we can get the desired page effect in different browsers.
This process of writing different CSS codes for different browsers is called CSS hack, also called CSS hack.

What is the principle of CSS Hack?

Because different browsers have different support for CSS and parse results, they also have a relationship with the priority of CSS. We can write different CSS for different browsers based on this.
For example, IE6 can recognize underscores (_) and star numbers (*). IE7 can recognize asterisks (*) but cannot recognize underscores (_). firefox cannot recognize both of them. And so on.
The writing order is generally to write the CSS of a browser with strong recognition ability behind. The following describes how to write more details.

How to Write CSS Hack?

For example, to distinguish IE6 from firefox, you can write as follows:

<style> div{ 　　background:green; /* for firefox */ 　　*background:red; /* for IE6 */ } </style>

The result is red in IE6 and green in firefox.

Articles you may be interested in

• CSS intercepts strings to automatically add ellipsis
• CSS adds a background image to the text input box
• Php Output Control: understanding the differences between ob_flush and flush
• Div css book tutorials recommend "professional CSS + DIV webpage style and layout video tutorials"
• Code used to test the password strength of a user input using Javascript
• Javascript restricts that only numbers (including decimal places) can be entered in the text box)
• Jquery $. ajax $. post or $. get: How to submit the checkbox Value
• Mysql having and group by statement usage