css for ie 6 and ie 7

@media screen\9 {
  .ie67 {property:value;}
}

 

css for ie 6, ie 7 and ie 8

@media \0screen\,screen\9 {
    .ie678 {property:value;}
}

 

ie 8 specific css hack

@media \0screen {
    .ie8 {property:value;}
}

 

css for ie 6, ie 7, ie 8, ie 9 and ie 10

@media screen\0 {
    .ie8910 {property:value;}
}

 

css ie 9 only

@media screen and (min-width:0\0) and (min-resolution: .001dpcm) { 
  .ie9{property:value;}
}

 

css for ie 9 and above

@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
  .ie9up{property:value;}
}

 

css for ie 9 and ie 10

@media screen and (min-width:0\0) {
    .ie910{property:value\9;} /* backslash-9 removes ie11+ & old Safari 4 */
}

 

css for ie 10 and above

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   .ie10up{property:value;}
}

 

css hack for ie 10 and ie 11

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .ie10ie11{property:value;}
}