How CSS hack distinguishes between all IE browsers and non-IE browsers

There are many methods on the Internet, after the test of the following conclusions, superfluous words will not say, straight into the topic:

1. Determine all IE browsers

Positive solution: This is only recognized by the Le Browser, non-IE browser is not recognized.

<!--[If ie]>
<style type= "Text/css" >

.../* Specific style */
</style>
<! [endif]-->

Misunderstanding: The following wording IE and non-IE browser can recognize

<!–[if ie]>
<style type= "Text/css" >

.../* Specific style */
</style>
<! [endif]–>

2. Judging non-IE browser

Myth 1: This type of writing, ie and non-IE are not recognized

<!--[if! Ie]>
<style type= "Text/css" >
.../* Specific style */

</style>
<!--<! [endif]-->

Myth 2: The following wording IE and non-IE browser can recognize

<!–[if! Ie]><!–>
<style type= "Text/css" >
.../* Specific style */

</style>

<!–<! [endif]–>

Final Solution:

Write a style that all browsers recognize, and then write a style that only the IE browser can recognize, so that you can distinguish between IE and non-ie effects.

I used to solve the difference between IE browser and non-ie browser border differences, the style of processing as follows:

<!–[if! Ie]><!–>
<style type= "Text/css" >
. divbody{
margin-top:4px;
}
</style>
<!–<! [endif]–>

<!--[If ie]>
<style type= "Text/css" >
. divbody{
margin-top:0px;
}
</style>
<! [endif]-->

currently not found can only be recognized by non-IE browser wording, small partners have a good way, hope to inform, greatly appreciated!