I want to summarize CSS hack.

As the name suggests, IE6's classic hack is: an underscore "_", for example, _ color: # ff0000; but this example is placed at the bottom.

The hack of IE6 & 7 is: an asterisk "*", for example, * color: # ff0000. However, this should be placed before _ hack.

So someone summarized the figure below:

For the above image, it is transferred to me by someone else. It is worth noting that the second row is not used at all, and the third row should be written at the bottom of the style.

However, the hack of IE is provided here, and the problem is that the hack of other browsers also exists:

/* Firefox */<br/> @-moz-document URL-prefix () <br/>{# Firefox {display: block ;}} <br/>/* safari */<br/> @ media screen and (-WebKit-Min-device-pixel-ratio: 0) <br/>{# safari {display: block ;}} <br/>/* opera */<br/> @ media all and (-WebKit-Min-device-pixel-ratio: 10000 ), not all and (-WebKit-Min-device-pixel-ratio: 0) <br/> {head ~ Body # opera {display: block ;}} 

This is a summary of others: http://leeiio.me/css-hack-for-firefox-opera-safari-ie/